Page 1 of 1

Safari display problem

Posted: Wed May 13, 2020 10:16 am
by munfraid
Wrote a little math app for basic education, which runs fine on all devices but not on Safari. On iPhone/iPad and macOS there is a display bug. You can see here: https://abc-projekt.de/agb/kopfrechnen/

Solve the first task and you see that the second task has a distorted display, but just with Safari, running Chrome or Firefox on iPhone doesn't have this problem. Does anybody has an idea how to approach this?

Re: Safari display problem

Posted: Wed May 13, 2020 6:03 pm
by ebelouet
yes i confirm but without spider program, hard to where is mistake ?

Sincerely
Eric

Re: Safari display problem

Posted: Wed May 13, 2020 7:30 pm
by Paul
Whatever formula use are using to rescale your buttons and fonts, it is not good.
If you resize your browser screen to make the display smaller, your fonts shrink down and move outside of your buttons.
(I don't have Safari but this happens on both Chrome and Firefox. Maybe it is linked to the issue you are seeing?)

Re: Safari display problem

Posted: Thu May 14, 2020 5:52 am
by Dirk Geppert
Confirmed with safari. But it works with chrome, firefox and opera on iOS. They all use the same engine, right?
But Opera has problems with the input.. single taps always trigger multiple events..

Re: Safari display problem

Posted: Thu May 14, 2020 8:43 am
by munfraid
Just compiled with the new Beta 2 and the problem is gone. Can't say what it was. Maybe it had something to do with this bug:
viewtopic.php?f=11&t=1640
I was facing this problem too and it's also fixed now.

Yes, Paul, the font resizing is pretty rough. I simply use a percentage of the button height for the font size. But if you don't size the browser window down to the extreme, it looks ok here. Which is a better way to calculate the font size?

For the input problem in Opera I have no explanation. I use just SB standard button gadgets and events.

Thanks everybody!