[#29658] - [4.0] Safari bugs with chosen images/select-bg.svg
- Closed
- 17 Jun 2020
- Medium
- Build: staging
- # 29658
Steps to reproduce the issue
Install Joomla 4.0.0 beta 1
Go to add a new article screen in SAFARI ON MAC
Expected result
No console errors
Category and Tags to be looking the same as google chrome and have dropdown arrows
Actual result
Google Chrome on LEFT Safari on RIGHT of this image:
Error messages in safari console log:
Note that chrome is looking for the same SVG in a different place - and finding it there:
/administrator/templates/atum/images/select-bg.svg
System information (as much as possible)
As explained above
joomla-cms-bot
- | Labels |
Added:
?
|
||
| Labels |
Added:
?
|
||
Confirmed in "current" Safari version too (as my safari is "next" version due to beta schedule on Mac)
I found the issue:
Safari does not like that both background color AND url are in the same line
background: var(--atum-bg-light) url(../../../images/select-bg.svg) no-repeat 100%/116rem;
If you delete var(--atum-bg-light) the svg will display
making patch now to separate color and image.
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2020-06-17 10:06:29 |
| Closed_By | ⇒ | infograf768 |
| Labels |
Removed:
?
|
||
Please test #29675 as it seems not so many people use Mac and safari.
Crazy isn't it... I have seven browsers installed and a whole suite of browsers in my browserstack.com account... seems people just dont like to test in anything other than Google Chrome nowadays...
Confirmed. release blocker.