Input Icons only getting displayed on Chromium based browsers #5077
Description
Which generators are affected?
- All
- HTML
- React
- Angular
- Vue
- Web components
- Power Apps
Reproduction case
- Open https://design-system.deutschebahn.com/core-web/version/v3.1.4/components/data-input/input/overview?page=example+-+types+with+min+and+max in both Chromium, Webkit based browsers as well as Firefox.
- You'll notice that input type related icons are not getting displayed in Safari (Webkit based browser) and Firefox
Expected Behaviour
The input type specific icons would get displayed.
Screenshots
Google Chrome:
Apple Safari:
Firefox:
Browser version
None
Add any other context about the problem here.
Currently we are restricting displaying those icons to whether they support a specific vendor prefixed selector – if this would get removed, those icons actually get displayed and we only need to hide the existing icons:
Which DB business unit do you work for?
DB Systel GmbH (please name your customer below)
”DB Systel” please enter your customer / ”other” please enter your area or business unit.
DB UX Design System
What project are you working on?
DB UX Design System