[#38115] - Modal-Dialog for joomla-field-media not accessible with iOS
- New
- Medium
- Build: 4.1.4
- # 38115
Steps to reproduce the issue
Use iPhone
- Create a CustomField for com_content type MEDIA (only for subforms)
- Create a CustomField for com_content type SUBFORM and use the MEDIA-field as field
- Login to backend OR frontend
- Go to Edit an article
- Add one media-field at the subform (+ Button)
- Try to pick a mediafile
Expected result
the modal-field (with the media-files/media-manager) is above all other containers and is accessible
Actual result
the modal-field (with the media-files/media-manager) is below the other containers. You can scroll the whole site, but you not the modal. You have no access to the media-manager (upload, delete, pick a picture ...)
System information (as much as possible)
iPhone 8
iOS 13.5.1
Joomla 4.1.x
Additional comments
Works as it should with Android
Works as it should with "normal" custom field type Media.
Works NOT with custom Field type Media within a subform/repeatable
| Labels |
Removed:
?
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
with iOS (iPhone) the modal appears below the rest of the page. No access for uploading oder pcking or editing pictures
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/38115.
Can you extend the testing steps so we can reproduce the issue with core only and can you confirm that it has the same behavior with cassiopaia and is not an issue with your own template.
This problem is not wioth my own template.
Same problem with cassiopaia (frontend) and atum (backend)
Testing Steps (gonna edit my first post, too):
- Create a CustomField for com_content type MEDIA (only for subforms)
- Create a CustomField for com_content type SUBFORM and use the MEDIA-field as field
- Login to backend OR frontend
- Go to Edit an article
- Add one media-field at the subform (+ Button)
- Try to pick a mediafile
--> Popup opens, but it is not accessible
I got the solution right now:
Seems to be a bootstrap bug.
override the .table-responsive for all the media queries: https://github.com/twbs/bootstrap/blob/eea1b1e1fd04596265cad9d8036a73d20c7a3c5d/scss/_tables.scss#L161 with -webkit-overflow-scrolling: inherit;
Or like in my case, just put
/** Bugfix for Apple iOS **/
.table-responsive {
-webkit-overflow-scrolling: inherit !important;
}
into my template´s CSS-file.
I am not sure if !important is necessary at all.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/38115.
chmst
- | Labels |
Added:
bug
|
||
works correct with Android
works with normal custom field "media" and works with repeatable/subform custom field (several media files in one CF)
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/38115.