[MGNLUI-4467] Conflicting URI mapping icons are missing in Firefox Created: 21/Jun/18  Updated: 22/Jun/18  Resolved: 22/Jun/18

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 5.5.2
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Mikaël Geljić Assignee: Antonín Juran
Resolution: Obsolete Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
supersession
is superseded by PAGES-145 Conflicting URI mapping icons are mis... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Epic Link: Support
Sprint: Kromeriz 152
Story Points: 2

 Description   

As originally reported by mdrapela on PAGES-118:

Firefox users won't see these visual clues!

While trying to replicate this for 5.5.2 RN I came to the conclusion that the icons are rendered incorrectly in Firefox (51.0.1 on Ubuntu-Mate 64bit) - cannot be seen at all, while the code for them IS there; probably rendered away from (we think below) the parent element:

(See attached screenshots)

According to Michal (thx), adding the following definition to the .icon-warning::before class could solve this issue (Same thing with the .icon-error::before class.):

   position: absolute;
   right: 0;

Generated at Mon Feb 12 09:16:54 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.