|
Replies:
10
-
Pages:
1
-
Last Post:
20 Mar 21, 16:41
Last Post By: JeffTucker
|
|
|
Posts:
22
Registered:
15-Oct-2008
|
|
|
|
Saturn Problem with Android mobile tap/zoom
Posted:
16 Mar 21, 02:30
|
|
|
|
|
On my Samsung S10e with Chrome, I find that most comments over 3 lines in portrait mode that respond correctly to tap/tap have problems in landscape mode. Successive taps only zoom further and stop responding; then X is required to return. In Firefox it takes one additional tap to stop.
Attached are the screenshots in sequence from this test show: http://frobbi.org/slides/mike-sample/
Edited by: robbif on 15-Mar-2021 21:30
Edited by: robbif on 15-Mar-2021 21:32 |
|
|
Posts:
8,362
Registered:
31-Jan-2006
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
16 Mar 21, 14:07
in response to: robbif
|
|
|
|
Yes, that's a tough "fringe case" for the script. It's trying to juggle competing demands for not enough display space, and loses its mind.
I'll run this by the Floatbox guy, who might be able to prevent the extreme misbehavior, but I might address it by doing some basic line-clamping. In other words, if you push things by putting a phone in landscape mode, the caption may be forcibly limited to one or two lines, with an ellipsis....
And as you have probably noticed, when you turn a phone on its side, you end up seeing smaller images than you do when the phone is held in landscape mode, which is a bit counterintuitive. The reason is that the browser's toolbars turn with the phone, along with the phone's own status bar. On a regular monitor, the toolbars take up only a few percent of the available display space, but on a phone they chew up 25% or more of the space, so you end up with very little vertical space for displaying content.
So, to some extent, this falls into the category of, "Doctor, it hurts when I do this." "Don't do that!"
|
|
|
Posts:
8,362
Registered:
31-Jan-2006
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
16 Mar 21, 15:57
in response to: JeffTucker
|
|
|
|
|
|
I've fired off an email to poor, defenseless Byron, the Floatbox guy. But I've also tested a quick workaround, one that I think I'll leave in place even if there's a Floatbox fix. Excessive text causes all sorts of problems on a phone held in landscape mode, so it's best dealt with differently.
Open up the Saturn skin directory and swap out common.css with the attached version, and give it a try.
Edited by: JeffTucker on 17-Mar-2021 16:08 - simpler file
|
|
|
Posts:
22
Registered:
15-Oct-2008
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
18 Mar 21, 01:02
in response to: JeffTucker
|
|
|
|
|
First, pass on my sympathies to poor old Byron!
Here's what I got (attached).
One tap and it moves. No more taps work. X returns properly.
I have a related problem, especially for Windows.
I have a few slides that need 5 times the text as in today's example.
I blundered aroud to see if there were such a thing as an html scroll box for dummies.
I found this one which sortof works... <div style="height:120px;width:120px;border:1px solid
#ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
Text here
</div>
Not very elegant, still behavior is image-dimension dependent.
Do you have any other recommendations?
My kludge in the past was to widen the image horizontally with the
album background color.
Edited by: JeffTucker on 17-Mar-2021 20:41, to insert "code" tags |
|
|
Posts:
8,362
Registered:
31-Jan-2006
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
18 Mar 21, 01:41
in response to: robbif
|
|
|
Those screen shots are showing clear evidence of something genuinely bizarre in your test album. I can't produce anything that looks like that, no matter what I do. There are all sorts of CSS errors in there, none of them possible with the Saturn template code. And your lifeboat file is indicating that the album was made with Mars, not Saturn, while the actual page code is, in fact, Saturn.
Sorry, but I just can't sort out the mess you've managed to create. Start over.
My fix for the original problem appears to work just fine:
https://misterneutron.com/tapproblem2/
True, in that one weird case (i.e., a phone held horizontally), most of your text won't be visible. But you just can't put five pounds of sausage in a three-pound bag. These skins are designed to show images, accompanied by a line or two of explanatory text. They're not designed to display The Great American Novel, accompanied by an illustration or two.
Don't waste your time trying to incorporate a scroll box. The lightbox script is specifically designed to prevent scroll boxes, and it will fight you every step of the way. And the last thing you want on a phone is an embedded scroll box on the page. That's a sure way to cause your site visitors real misery.
If you're really intent on including pages of text, try Mercury with floated captions:
https://jefftucker.net/mercury/sidecaptions/
BTW: Even with the regular "captions below" setting, Mercury, when pushed, lets the slide page scroll to accommodate excessive caption text. A lightbox skin (which Mercury isn't) is inherently incapable of doing that. |
|
|
Posts:
22
Registered:
15-Oct-2008
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
18 Mar 21, 02:19
in response to: JeffTucker
|
|
|
|
Ouch!
I'll gather the rest of my thoughts when the bruises fade and try to reply in more detail.
The part I really don't understand is the Mars thing! What could I have done
to cause that?
Dumb note: I don't even have Mars resident on the computer.
Edited by: robbif on 17-Mar-2021 21:28
|
|
|
Posts:
8,362
Registered:
31-Jan-2006
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
18 Mar 21, 02:59
in response to: robbif
|
|
|
The part I really don't understand is the Mars thing! What could I have done
to cause that?
Dumb note: I don't even have Mars resident on the computer.
Sorry - that was my mistake. Too many different things going on at once. |
|
|
Posts:
22
Registered:
15-Oct-2008
|
|
|
Posts:
8,362
Registered:
31-Jan-2006
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
18 Mar 21, 22:47
in response to: robbif
|
|
|
|
|
|
Only one incorrect thing in there - see Saturn > Code > CSS. This is where you would enter any custom CSS you wanted to use in the album. But the text, custom.css, is not CSS code, so that should be deleted. But that shouldn't produce any bizarre effects - it should be ignored by the browser.
The weird thing is the massive, oversized download icon in your screenshots. There's no jAlbum or skin setting that would produce that. And whatever was causing it, it seems to be OK now.
So, back to where we started.... Launch jAlbum and choose Saturn. Open the skin directory - Tools, Open directories, Skin directory. Delete common.css, and replace it with the attached version. Now make your album again, and do some testing. You might have to get aggressive about clearing the cache in your phone browser - those browsers are very stubborn about hanging on to old versions of files.
In Chrome for Android, they bury it deep (I have no idea why they make it so hard to find). Launch Chrome for Android, then tap the three dots at upper right. Scroll down and hit Settings, then Privacy and security, then Clear browsing data. Check only the Cached images and files box, and hit Clear data.
|
|
|
Posts:
22
Registered:
15-Oct-2008
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
20 Mar 21, 15:39
in response to: JeffTucker
|
|
|
|
1. custom.css replaced in correct location
2. Oversized download icon fixed via 1.
(will that be a Saturn update or should I continue 1.
in following Saturn updates?)
3. Thanks for detailed cache clearing steps - wasn't needed (yet)
4. Agree to abandon scroll box idea for lots of comment text.
Simple inelegant solution: second image with small version of original photo and
text in the image file itself. For use once in a blue moon, or Blue Saturn.
5. Thanks!
|
|
|
Posts:
8,362
Registered:
31-Jan-2006
|
|
|
|
Re: Saturn Problem with Android mobile tap/zoom
Posted:
20 Mar 21, 16:41
in response to: robbif
|
|
|
|
The next Saturn update will take care of the original problem - Byron has put out a patch, and I'll address the most extreme case with the skin coding, as well. Belt and suspenders. I still have one more thing to address before releasing an update.
|
|
|
|
Legend
|
|
Forum admins
|
|
Helpful Answer
|
|
Correct Answer
|
|
