Permlink Replies: 15 - Pages: 2 [ 1 2 | Next ] - Last Post: 21 Feb 26, 11:07 Last Post By: phil44
phil44

Posts: 170
Registered: 18-Jun-2010
Lightbox footer diplay problem on Firefox mobile
Posted: 1 Feb 26, 16:55
  Click to reply to this thread Reply
Attachment Lightbox KO.jpg (158.6 KB)
Attachment Context KO.jpg (200.2 KB)
Attachment Lightbox ok.jpg (144.4 KB)
Attachment Context ok.jpg (234.3 KB)
Hello,

I've finally managed to reproduce the cause of a problem that's been bothering me for a long time: on Firefox mobile, the lightbox footer (title, comments, buttons, etc.) frequently fails to display. Since it's purely a display issue, it's likely due to Tiger and/or its CSS.

Triggering context:
  • The lightbox is configured to display a legend and/or buttons and show the footer by default.
  • The album is displayed in Firefox mobile in landscape mode.
  • The album's HTML page does not fit vertically (i.e., you have to scroll to see the bottom part of the album).
By default, the Firefox address bar is displayed (see Context ok.jpg). In this case, clicking on a thumbnail displays the image in the lightbox, and the lightbox footer is correctly displayed (see Lightbox ok.jpg). This is the expected behavior all the time.

Now, if you return to the main page and scroll down a bit, theFirefox address bar disappears (see Context KO.jpg). Now, if you click on a thumbnail, the lightbox still appears, but the footer is no longer displayed :( (see Lightbox KO.jpg). Note that the footer space is here, but its contents is not visible. The only way to make it reappear is to hide and then unhide the footer in the control bar. Once the footer is displayed and you move to the next image, the footer disappears again.

I tested the same behavior with Chrome and the Samsung browser: there are no problems. This issue is therefore specific to Firefox mobile. I have also tested this on different devices, with the same result.

Has anyone else experienced this problem?
Laza

Posts: 1,461
Registered: 6-Sep-2005
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 2 Feb 26, 18:19   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
I haven't tried Firefox mobile yet, but I will download it to test. Sounds to me like it doesn't update the page height after changing the browser bar's height.
phil44

Posts: 170
Registered: 18-Jun-2010
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 17 Feb 26, 09:18   in response to: Laza in response to: Laza
  Click to reply to this thread Reply
Laza wrote:
I haven't tried Firefox mobile yet, but I will download it to test. Sounds to me like it doesn't update the page height after changing the browser bar's height.

Hi Laza,

Do you think you'll be able to fix this problem soon?
Laza

Posts: 1,461
Registered: 6-Sep-2005
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 17 Feb 26, 12:16   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
I think Firefox mobile isn't capable of handling "sticky" positioning. Try disabling Settings / Tiger / Site / Top bar / Stick to top.
phil44

Posts: 170
Registered: 18-Jun-2010
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 17 Feb 26, 17:21   in response to: Laza in response to: Laza
  Click to reply to this thread Reply
Laza wrote:
I think Firefox mobile isn't capable of handling "sticky" positioning. Try disabling Settings / Tiger / Site / Top bar / Stick to top.
Unfortunately, it seems to have no effect :(

What's strange when this problem occurs is that when I display an image or switch from one image to another, the footer appears for a fraction of a second and then disappears.
Laza

Posts: 1,461
Registered: 6-Sep-2005
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 17 Feb 26, 18:26   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
Aren't any of the full-screen options turned on on the Settings / Tiger / Lightbox page?
phil44

Posts: 170
Registered: 18-Jun-2010
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 17 Feb 26, 18:43   in response to: Laza in response to: Laza
  Click to reply to this thread Reply
Laza wrote:
Aren't any of the full-screen options turned on on the Settings / Tiger / Lightbox page?
Here is my Lightbox settings (see capture for more details):
  • Switch to full screen while in ligthbox is set to false,
  • Go full-screen during the slideshow is set to true.
Laza

Posts: 1,461
Registered: 6-Sep-2005
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 18 Feb 26, 07:42   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
Can you please test if disabling "Go full-screen during slideshow" fixes it?

It's a bug in Firefox mobile (market share 0.29%), which I believe they should address.
phil44

Posts: 170
Registered: 18-Jun-2010
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 18 Feb 26, 09:56   in response to: Laza in response to: Laza
  Click to reply to this thread Reply
The footer display issue only occurs if the display isn't in full screen, whether it's the lightbox or the slideshow. Displaying both in full screen resolves the problem, which is fine for me. Therefore, I don't think it's necessary to investigate this further.

That said, I've noticed that if Switch to full screen while in lightbox is selected, the slideshow goes full screen, even if Go full-screen during slideshow is deselected (this is probably intentional — and logical — it might be a good idea to disable it in this case).

IMHO, it's a real shame that Firefox is focusing more on introducing AI into its browsers than on improving the reliability of its products :(
Laza

Posts: 1,461
Registered: 6-Sep-2005
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 18 Feb 26, 11:16   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
Handling the browser bar removal seems to be a hard-to-crack problem for most browsers. If you want the browse bar to be removable, you have to scroll the page up. But that only works if the page is larger than the screen. Lightboxes are usually full-screen layouts, which don't allow vertical scrolling. This is why some of my skins go full-screen automatically on mobile devices when you enter the lightbox. But that's not foolproof either. This seems to work best on WebKit-based browsers (Chrome, Edge, Opera). Safari and, as it seems, Firefox are lagging behind in implementing the best logic.
phil44

Posts: 170
Registered: 18-Jun-2010
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 18 Feb 26, 21:05   in response to: Laza in response to: Laza
  Click to reply to this thread Reply
I'm willing to believe you.

In any case, thank you for your assistance !
phil44

Posts: 170
Registered: 18-Jun-2010
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 20 Feb 26, 19:23   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
I continued to think about this, and I'm only half satisfied.

I chose to NOT select "Switch to full screen while in lightbox" because I find that systematically displaying images in full screen on desktop computers is no longer really useful. "Modern" screens are increasingly larger; display areas of over 30" are common, and IMHO always displaying images in full screen is not desirable on such screens, whether in the lightbox or the slideshow.

On the other hand, it's the opposite on a mobile device (by which I mean a phone or tablet). Their screens are small, and I think it's beneficial to use the entire screen area for a better presentation of the images, even if this is less true on a tablet.

So here's the dilemma: either I choose the first option with a display optimized for desktop, but with display issues on Firefox mobile (other people I know also use it), or I choose a full-screen display that will be fine on mobile, but unsuitable for desktop :( Which one should I choose?

Ideally, regardless of the Firefox issue, the best solution would be to be able to choose which display mode to use on which device. Full screen on mobile and normal elsewhere seems perfect to me, but it should be up to the users to choose what they want. I'm well aware that introducing this feature would add a bit of complexity to Tiger's GUI.

I tested it by tweaking the JavaScript in a modified version of Tiger, and I'm very happy with the result: the images display as I want, where I want, and I no longer have the problem of the footer displaying in Firefox mobile.

@Laza FYI, if you decide to implement something like this in the future, I advise you not to use the User-Agent to identify whether the album is displayed on a mobile device or not. Indeed, I realized after quite some time that the User-Agent returned by my Samsung tablet running Android is
Mozilla/5.0 (X11; Linux x86_64; rv:147.0) Gecko/20100101 Firefox/147.0
Why? Because Mozilla decided that to improve the display of websites on tablet screens, it would make them appear as desktop machines by tricking the User-Agent. This is configurable (but well hidden in the settings), but it's enabled by default.

For detection without using User-Agent, I based my approach on https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Browser_detection_using_the_user_agent#alternatives_to_ua_sniffing :
if (navigator.maxTouchPoints > 1) ...
works but could trigger false positives on laptop touchscreens (it's still better than nothing.). Other solutions exist, but they aren't necessarily more effective; see https://stackoverflow.com/a/20293441 .

There you go, I hope this gives some ideas :)
MarkusD

Posts: 783
Registered: 13-Apr-2006
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 20 Feb 26, 19:51   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
phil44 wrote:
I continued to think about this, and I'm only half satisfied.

I chose to NOT select "Switch to full screen while in lightbox" because I find that systematically displaying images in full screen on desktop computers is no longer really useful. "Modern" screens are increasingly larger; display areas of over 30" are common, and IMHO always displaying images in full screen is not desirable on such screens, whether in the lightbox or the slideshow.


Just to let you know. IMHO watching pictures on any screen, especially on lager screens, and I'm talking about 42" with 4K, should only be viewed in full screen, anything else is pure nonsense. This of course only makes sense when your output pictures size is way larger than that what 99% of folks use these days (because they mostly have smartphone users in mind as an audience). I choose 4000x4000 as the size. Why do people try to „save“ some tiny bytes for the created pictures, but stream videos with sizes of several gigabytes? This makes no sense at all.

99% of the jAlbum albums I've seen have pictures which are way to small. This is like watching a movie on a 60" screen, but the video is just 1920x1080 in size and most of the screen is black. Would you do that? Really? I think no one would do that. But when it comes to pictures everyone is „afraid“ of having a full screen picture. I'll never ever understand that.

Just my 2 cents.
Laza

Posts: 1,461
Registered: 6-Sep-2005
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 21 Feb 26, 08:31   in response to: phil44 in response to: phil44
  Click to reply to this thread Reply
The "Go full screen only on mobiles" option is already in the Story skin. I'll transplant it to Tiger. It detects the screen size to determine whether it's a mobile device. If any dimension is smaller than 640px, it goes full-screen when entering the lightbox.
phil44

Posts: 170
Registered: 18-Jun-2010
Re: Lightbox footer diplay problem on Firefox mobile
Posted: 21 Feb 26, 11:04   in response to: MarkusD in response to: MarkusD
  Click to reply to this thread Reply
MarkusD wrote:
phil44 wrote:
I continued to think about this, and I'm only half satisfied.

I chose to NOT select "Switch to full screen while in lightbox" because I find that systematically displaying images in full screen on desktop computers is no longer really useful. "Modern" screens are increasingly larger; display areas of over 30" are common, and IMHO always displaying images in full screen is not desirable on such screens, whether in the lightbox or the slideshow.

Just to let you know. IMHO watching pictures on any screen, especially on lager screens, and I'm talking about 42" with 4K, should only be viewed in full screen, anything else is pure nonsense. This of course only makes sense when your output pictures size is way larger than that what 99% of folks use these days (because they mostly have smartphone users in mind as an audience). I choose 4000x4000 as the size. Why do people try to „save“ some tiny bytes for the created pictures, but stream videos with sizes of several gigabytes? This makes no sense at all.

99% of the jAlbum albums I've seen have pictures which are way to small. This is like watching a movie on a 60" screen, but the video is just 1920x1080 in size and most of the screen is black. Would you do that? Really? I think no one would do that. But when it comes to pictures everyone is „afraid“ of having a full screen picture. I'll never ever understand that.

Just my 2 cents.

It's a valid point of view. This confirms my choice of full-screen display on a mobile phone or tablet. However, for large screens, it should not be forgotten that even if an album is published not to be displayed in full screen by default, the album viewers have the option to switch to full screen whenever they want using the appropriate buttons, whether on the index page, in the lightbox or in the slideshow (and personally, I always display these buttons).
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums