[#30420] - [4.0] Fix Safari issue with overflow hidden
- Fixed in Code Base
- 20 Aug 2020
- Medium
- Build: 4.0-dev
- # 30420
- Diff
- infograf768:4.0_safari_overflow_switcher_plus
User tests: Successful: Unsuccessful:
Pull Request for Issue #30298
and #29285
and #29314
Summary of Changes
There is a known bug in Safari with the class overflow: hidden;
This Pr corrects the behavior for 2 aspects in core:
The switcher (edit cassiopea template style for example)
The Select Image button (edit category for example)
The switchers when editing user.
Testing Instructions
Test various places where these are used in Safari.
Confirm it does not break anything with other browsers.
After patch run npm ci
Actual result BEFORE applying this Pull Request
Expected result AFTER applying this Pull Request
| Status | New | ⇒ | Pending |
joomla-cms-bot
- | Category | ⇒ | Administration Templates (admin) NPM Change Repository |
| Labels |
Added:
NPM Resource Changed
?
|
||
@PhilETaylor @wilsonge
Please test. I have mixed results when Safari is used on IPAD or maybe other versions then the one I have here on Macintosh
Version 12.1.2 (12607.3.10)
Modified to use instead
transform: translate3d(0, 0, 0);
Test with IPAD 13.5.1 - Switchers in edit Template style, Menu Item: link type and edit users are o.k.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30420.
Test with IPAD 13.5.1 - Switchers in edit Template style, Menu Item: link type and edit users are o.k.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30420.
I have tested this item
Test with IPAD IOS 13.5.1 - Switchers in edit Template style, Menu Item: link type and edit users are o.k.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30420.
I have tested this item
Test with IPAD IOS 13.5.1 - Switchers in edit Template style, Menu Item: link type and edit users are o.k.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30420.
I have tested this item
The display is correct on safari
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30420.
| Status | Pending | ⇒ | Ready to Commit |
RTC
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30420.
| Status | Ready to Commit | ⇒ | Fixed in Code Base |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2020-08-20 15:09:03 |
| Closed_By | ⇒ | laoneo | |
| Labels |
Added:
?
|
||
Thanks!
@wilsonge
drone is not happy with
Changing to
mask-image: radial-gradient(#fff, #000);