Search
Other Modals questions
Forum

minor 'glitches' with modals with pictures (J4 beta)

Dirk67's Avatar Dirk67
I tested with v12.0.0-dev2531949 (pro)
and if you switch off the pagination in the global settings...

1.) ...there's still unnecessary 'wasted' space above and below the picture (in the modal)
(as if the theme / CSS keeps the space free for the [in this case] none existing pagination)

2.) ...the first (in time) opened modal (after cleaning the joomla & browser cache) shows no right arrow, but using the right arrow on the keyboard still works (grouped pics or gallery).
As soon as you close the modal and open it again the right arrow is shown correctly.
(after cleaning the joomla & browser cache the game starts over / this error shows up again)


both issues are with theme classic and the new themes as well,
both issues occur only with switched off pagination.


see attached pictures:



Peter van Westen's Avatar Peter van Westen ADMIN
2) Fixed

1) The Pagination Bar space issue is fixed.
The space above the picture is the space the top bar needs. The topbar contains the close button.

I tried a version before, where the close button 'hovers' over the image. That way the image can take up that top space too.
But this did not look right with wider images, where the close button will appear over the image.
It also makes it unclear where the area for the 'Next' click starts and ends.
So I choose to have the top bar just take up the space it needs.
Please post a rating at the Joomla! Extensions Directory
Dirk67's Avatar Dirk67
I tested with v12.0.0-dev2532141
1.) and 2.) are fixed

but now I see a very delayed response (1 .. 2 seconds) on mobile devices
when opening a modal or switch back an force the picture
this was not the case with the J3 Version
(tested with chrome on android / tested with different devices)

J4 Version / very "slow":
24max.de/temp/Time-Lag__J4-beta.mp4

J3 Version (reacts quickly):
(same pictures / same resolution / same device / same internet connection)
24max.de/temp/J3-Version_works_quickly.mp4

even if all pics are in the browsers cache already and the viewport orientation is not changed (no recalculation is necessary),
it seems to me that something is "processed too much" (on every click) in java script (?)
but I'm not an expert ...

[As you may know: typically 70% of all website visitors access the website with a mobile device - and the trend is rising rapidly -> that's why I test it so intensively]

----
there were already some "processor load issues" some beta versions before regularlabs.com/forum/modals/49970-autom...4-dev-version#104897
but I belive that it was better already with the last several dev versions already (?) -> but not sure t.b.h
Peter van Westen's Avatar Peter van Westen ADMIN
I do not see this behavior on any of my tests on mobile.
Can you reproduce this on an online environment to which I can get access?

Also, the loading image is not showing before the modal opens, which seems weird.
Please post a rating at the Joomla! Extensions Directory
Dirk67's Avatar Dirk67
I do not see this behavior on any of my tests on mobile.
which real* devices and OS'es / browsers ?
*(not emulated ?)

Can you reproduce this on an online environment to which I can get access?
not sure what you mean with "online environment" ?
Peter van Westen's Avatar Peter van Westen ADMIN
I do not see this behavior on any of my tests on mobile.
On Android phone. And on simulated iPhone in the browser.
Did you try on multiple devices?
Can you reproduce this on an online environment to which I can get access?
Can you give me the URL of where I can see this on your website?
Please post a rating at the Joomla! Extensions Directory
Dirk67's Avatar Dirk67
Did you try on multiple devices?
yes,
at the moment I have only two (older) devices available / at hand:
(on both the same 'slow' behaviour)
# motorola Moto G7 / Display 2270x1080 / 4GB RAM / Android 10 / latest chrome browser -> www.gsmarena.com/motorola_moto_g7-9357.php
# Cat S42 / Display 1440x720 / 3GB RAM / Android 11 / latest chrome browser -> www.gsmarena.com/cat_s42-10029.php

[edit] I just made another Test with an Asus ROG phone 3 (Octa-core-CPU) -> www.gsmarena.com/asus_rog_phone_3-10296.php ,
Android 12 / latest chrome browser 108.0.5359.128
and the issue is still visible, but the delay-times are half than on the other two phones (ca. 1s instead of 2s), so I still believe that is a kind of "CPU-load" (or GPU-load?) issue (Java-script ?)



Can you give me the URL of where I can see this on your website?

The videos were recorded with:
Confidential information:
(hidden)
Dirk67's Avatar Dirk67
I once installed an additional template (framework) in this Joomla 4 test installation,
it is not active, but I think it did some caching of its own, when I tested it once, if I remember right...

maybe it can interfere with modals in a bad way ?
you may deinstall it completely if you want ("shaper_helixultimate – Standard") " www.joomshaper.com/helix "
Peter van Westen's Avatar Peter van Westen ADMIN
Should be fixed now...
Please post a rating at the Joomla! Extensions Directory
Dirk67's Avatar Dirk67
can you tell what caused it?

will test it later ...
Peter van Westen's Avatar Peter van Westen ADMIN
The script to resize the modal was not very fast. This was not noticeable with images just marginally larger than the screen.
Please post a rating at the Joomla! Extensions Directory
Dirk67's Avatar Dirk67
works now on my mobile devices 👍
You can only post on the extension support forum if you have an active subscription and you log in

Buy a Pro subscription