299087 2025-09-18 06:47:11 -0700 Input type range does not emit events focus, blur, focusin and focusout when interacting with mouse. 2025-10-16 00:13:14 -0700 1 1 1 Unclassified WebKit Forms WebKit Nightly Build Unspecified Unspecified NEW InRadar P2 Normal --- 22261 1 register webkit-unassigned akeerthi ap cdumez karlcow webkit-bug-importer wenson_hsieh oldest_to_newest 2143947 0 register 2025-09-18 06:47:11 -0700 After a click on <input type="range"> the input should be focused. I also would like to see an outline and use keyboard interactions (e.g. 'ArrowRight' and 'ArrowLeft' to change the value). <input type="range"> is still a target for keyboard interaction 'Tab'. Unlike in Chrome (v140) and Firefox (v142.0.1) this is not the case in Safari (v 18.6). Currently I use subsequent workaround: <input @click="${this.focusRangeInput}" type="range" /> private focusRangeInput() { this.inputAsRangeEl.focus(); } May use https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input to see the issue. 2144109 1 ap 2025-09-18 14:01:02 -0700 Thank you for the report. What exactly suggests to you that it should be focused, is it just that Chrome and Firefox do it? I don't know if there is something special about range, however this sounds like another case of bug 22261, which is actually a bug in Chrome and Firefox on macOS. 2144266 2 register 2025-09-18 23:31:44 -0700 Having a consistent API over all browsers is a fair part of my need. Currently I implement a slider which consist of a `<input type="range">` and a `<input type="text">` and `<label>`. The text input is only shown if either one input is focused. I bind event handlers to `focusin` and `focusout` on a common parent element to track the state `showTextInput`. I would like to use this pattern also on Safari, but the additional step of executing method `focus()` is required (see comment 2025-09-18 06:47:11). I suggest: 1. `<input type="range">` must emit event `focus`, `blur`, `focusin` and `focusout`. 2. `<input type="range">` should show an `outline`. Leastwise if a range input was clicked it is the starting point for tabbing through form fields (keypress `Tab`). Sidenote: I adapted the title from `Input type range is not focused after click.` to `Input type range does not emit events focus, blur, focusin and focusout`. 2145855 3 webkit-bug-importer 2025-09-25 06:49:09 -0700 <rdar://problem/161325855>