#3708 - Fractional editable fields disappear in Chrome
-
By Joe
- Added
- 2 views
| Identifier | #3708 |
|---|---|
| Issue type | Trivial issue (does not break functionality) |
| Title | Fractional editable fields disappear in Chrome |
| Status | Closed (no changes needed) |
| Handling member | Chris Graham |
| Addon | General / Uncategorised |
| Description | When viewing Fractional Editable items in the Chrome browser, text fields appear to be "hidden". After removing the "fractional_edit_nonover" class from the span tag containing said fields, the field appears but then disappears again when hovered over.
Upon further investigation, removing 'display: inline-block' from GLOBAL.css's '.fractional_edit, .fractional_edit_nonover' class seems to fix the issue, but may cause other unknown issues in other areas... .fractional_edit, .fractional_edit_nonover { display: inline-block; } |
| Steps to reproduce | |
| Funded? | No |
The system will post a comment when this issue is modified (e.g., status changes). To be notified of this, click "Enable comment notifications".
Comments
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
"After removing the "fractional_edit" class from the span tag containing said fields, the field appears but then disappears again when hovered over."
The reason why it disappears again after hovering over it is because a "fractional_edit_nonover" class is appended to the span tag via Javascript. This class, as well as "fractional_edit" share the same value of "display:inline-block".
The only way I was able to show the fractional editable field and keep it showing (even after hovering) was to completely remove the "display:inline-block" value from global.css
You apply an rgba color to your h1 and h2 selectors, with the final component of 0. i.e. fully translucent. i.e. invisible.
I think Chrome is only applying translucent font colors to a block context, so inline-block is creating that block context. It may be in the specs, I'm not sure, but it's a very esoteric issue.