This is a really useful module. But I see two problems for usability on mobile devices:
.spb-popup-main-wrapper is overwritten by the module/popup Width setting (presumably by JS?). It means that the popup width can never be more than 360px (to accommodate smallest devices).Are there any suggestions on how to add relative units (vw or %) to the Popup "Width" settings? It is briefly mentioned at #3181345: Responsive → but dismissed. A manual tweak of simple_popup_blocks.js allows this. Perhaps if Width is stored as a string rather than an integer then units could be incorporated (eg, '360px' or '80vh')??
Any ideas on utilising click/touch outside the Popup (ie on the overlay) to close the Popup? This is common behaviour on many websites.
Active
2.0
Code
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
On my side, I have added the following rule which apply on mobile an also when the width of the popup is larger than the page
.spb-popup-main-wrapper{
max-width: 100% ;
}
This allow the popup to auto-resize on the page width.
I think this should be added in the default css of the popup