ability to switch environments

action menu keyboard nav

app/components/action-menu-item/component.js

@@ -11,6 +11,8 @@ export default Ember.Component.extend({
 
   tagName           : 'a',
   classNameBindings : ['enabled::hide'],
+  attributeBindings: ['href'],
+  href: "#",
 
   click : function(event) {
 

app/components/page-header/template.hbs

@@ -60,7 +60,7 @@
       </button>
       <ul class="dropdown-menu dropdown-menu-right project-menu" role="menu">
         {{#if projectChoices.length}}
-          <li role="presentation" class="dropdown-header">
+          <li class="dropdown-header">
             {{#if accessEnabled}}
               Your Environments
             {{else}}
@@ -69,7 +69,7 @@
           </li>
           {{#each projectChoices as |p|}}
             <li class="{{if p.active 'disabled selected'}}">
-              <a {{action "switchProject" p.id}} class="clip">
+              <a href="#" {{action "switchProject" p.id}} class="clip">
                 <i class="icon {{p.icon}}"></i>
                 &nbsp;
                 {{p.displayName}}
@@ -83,7 +83,7 @@
         {{#if projectIsMissing}}
           <li role="presentation" class="dropdown-header">Selected Environment:</li>
           <li class="{{if project.active 'disabled selected'}}">
-            <a {{action "switchProject" project.id}} class="clip">
+            <a href="#" {{action "switchProject" project.id}} class="clip">
               <i class="icon {{project.icon}}"></i>
               &nbsp;
               {{project.displayName}}
@@ -98,7 +98,7 @@
 
   {{#if (and isKubernetesTab k8s.namespace)}}
     <div class="dropdown btn-group project-btn pull-right">
-      <button role="button" class="btn btn-link dropdown-toggle text-left clip" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      <button role="button" type="button" class="btn btn-link dropdown-toggle text-left clip" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         <i class="icon icon-thumbnails icon-fw"></i>&nbsp;{{k8s.namespace.displayName}}
         <i class="icon icon-chevron-down"></i>
         <span class="sr-only">Toggle Dropdown</span>
@@ -110,7 +110,7 @@
           {{#each k8s.namespaces as |ns|}}
             {{#unless ns.isSystem}}
               <li class="{{if (eq ns k8s.namespace) 'disabled selected'}}">
-                <a {{action "switchNamespace" ns.id}} class="clip">
+                <a href="#" {{action "switchNamespace" ns.id}} class="clip">
                   <i class="{{ns.icon}}"></i>
                   &nbsp;
                   {{ns.displayName}}
@@ -269,7 +269,7 @@
           </li>
           {{#each projectChoices as |p|}}
             <li class="{{if p.active 'disabled selected'}}">
-              <a {{action "switchProject" p.id}} class="clip">
+              <a href="#" {{action "switchProject" p.id}} class="clip">
                 <i class="icon {{p.icon}}"></i>
                 &nbsp;
                 {{p.displayName}}
@@ -283,7 +283,7 @@
         {{#if projectIsMissing}}
           <li role="presentation" class="dropdown-header">Selected Environment:</li>
           <li class="{{if project.active 'disabled selected'}}">
-            <a {{action "switchProject" project.id}} class="clip">
+            <a href="#" {{action "switchProject" project.id}} class="clip">
               <i class="icon {{project.icon}}"></i>
               &nbsp;
               {{project.displayName}}
@@ -295,7 +295,6 @@
       </ul>
     </div>
   {{/if}}
-
   {{#if (and isKubernetesTab k8s.namespace)}}
     <div class="dropdown btn-group project-btn pull-right">
       <button role="button" type="button" class="btn btn-link dropdown-toggle text-left clip" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">