From 3dc6f27b50a005bb6d8603caccb0186889cf228c Mon Sep 17 00:00:00 2001
From: pixelzoom <cmalley@pixelzoom.com>
Date: Mon, 1 Jul 2024 12:14:19 -0600
Subject: [PATCH] fix behavior of interactive highlights,
 https://github.com/phetsims/gas-properties/issues/272

---
 js/FineCoarseSpinner.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/js/FineCoarseSpinner.ts b/js/FineCoarseSpinner.ts
index 5a844d4e..4a8a5b8d 100644
--- a/js/FineCoarseSpinner.ts
+++ b/js/FineCoarseSpinner.ts
@@ -49,6 +49,11 @@ export default class FineCoarseSpinner extends AccessibleNumberSpinner( Node, 0
       valueProperty: numberProperty,
       enabledRangeProperty: numberProperty.rangeProperty,
 
+      // As with NumberSpinner...
+      // The focus highlight surrounds the entire component, but the spinner display is not interactive with
+      // mouse and touch events so this highlight is hidden. Instead, default highlights surround the arrow buttons.
+      interactiveHighlight: 'invisible',
+
       // Instead of changing the value with keyboard step options, the arrow buttons are synthetically
       // pressed in response to keyboard input so that the buttons look pressed.
       keyboardStep: 0,