Metadata
- Source
- FLUID-6030
- Type
- Improvement
- Priority
- Minor
- Status
- Closed
- Resolution
- Cannot Reproduce
- Assignee
- N/A
- Reporter
- Alan Harnum
- Created
2016-11-04T10:39:25.574-0400 - Updated
2024-07-23T13:12:04.010-0400 - Versions
- N/A
- Fixed Versions
- N/A
- Component
-
- Textfield Slider
Description
On IE11 / Edge, the thumb of the native HTML slider used by the Textfield Slider component is cropped to the height of the track element.
http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html seems to indicate this is inherent to the MS browser behaviour around sliders, but suggests that there may be a workaround involving transparent borders (a quick attempt at this did not seem to work, at least in IE11).
It would be good to find an approach to styling the slider with CSS that allows the thumb to overflow the track. (see screenshot for the current appearance) - this doesn't present accessibility concerns, but it does make achieving certain designs harder in MS browsers.
Environments
Internet Explorer 11 / Microsoft Edge
Attachments
Comments
-
Justin Obara commented
2024-07-23T13:12:03.835-0400 Could not reproduce with MS Edge 126 on macOS 14.5. Also Internet Explorer is no longer supported.