fix: Fix bug that caused flyout buttons to retain their active appearance on mobile (#9582)

gonfunko · web-flow · commit ca16c8539590 · 2026-01-27T08:54:13.000Z
diff --git a/packages/blockly/core/flyout_button.ts b/packages/blockly/core/flyout_button.ts
@@ -427,7 +427,13 @@ Css.register(`
   fill: #666;
 }
 
-.blocklyFlyoutButton:hover {
+@media (hover: hover) {
+  .blocklyFlyoutButton:hover {
+    fill: #aaa;
+  }
+}
+
+.blocklyFlyoutButton:active {
   fill: #aaa;
 }
 

Original file line number	Diff line number	Diff line change
@@ -427,7 +427,13 @@ Css.register(`
`427`	`427`	`fill: #666;`
`428`	`428`	`}`
`429`	`429`
`430`		`-.blocklyFlyoutButton:hover {`
	`430`	`+@media (hover: hover) {`
	`431`	`+ .blocklyFlyoutButton:hover {`
	`432`	`+ fill: #aaa;`
	`433`	`+ }`
	`434`	`+}`
	`435`	`+`
	`436`	`+.blocklyFlyoutButton:active {`
`431`	`437`	`fill: #aaa;`
`432`	`438`	`}`
`433`	`439`