Treeview examples: fix blink on hover (pull #689)

For issue #712, change CSS so hovering to right of tree does not cause blinking.
w3c · Jun 12, 2018 · d84c8bd · d84c8bd
1 parent c555c83
commit d84c8bd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/examples/treeview/treeview-1/css/tree.css b/examples/treeview/treeview-1/css/tree.css
@@ -27,6 +27,7 @@ ul[role="tree"] {
 
 [role="treeitem"],
 [role="treeitem"] span {
+  width: 9em;
   margin: 0;
   padding: 0;
   border: 2px transparent solid;
@@ -45,12 +46,10 @@ ul[role="tree"] {
 [role="treeitem"] span.focus {
   border-color: black;
   background-color: #EEEEEE;
-  width: 9em;  
 }
 
 [role="treeitem"].hover,
 [role="treeitem"] span:hover {
   background-color: #DDDDDD;
-  width: 9em;  
 }
 
diff --git a/examples/treeview/treeview-2/css/treeLinks.css b/examples/treeview/treeview-2/css/treeLinks.css
@@ -43,6 +43,7 @@ ul[role="tree"] a {
 
 [role="treeitem"],
 [role="treeitem"] span {
+  width: 16em;
   margin: 0;
   padding: 0;
   border: 2px transparent solid;
@@ -60,12 +61,10 @@ ul[role="tree"] a {
 [role="treeitem"] span.focus {
   border-color: black;
   background-color: #EEEEEE;
-  width: 16em;  
 }
 
 [role="treeitem"].hover,
 [role="treeitem"] span.hover {
   background-color: #DDDDDD;
-  width: 16em;  
 }