scroll-margin-bottom does not work on IOS

[vcavic]

Hi,

i have a Problem with Property scroll-margin-bottom:100%.

It works fine on Android but not on Ipad.

Any solutions?

Thanks

Vladimir

[sdidier]

Hello Vcavic,

It seems a bug in Safari.

More details here :

https://developer.mozilla.org/fr/docs/Web/CSS/scroll-margin-bottom

It seems scroll-snap-margin-bottom is used instead in Safari.

So, I would recommend to create a css style specific to Safari and another one specific to Chrome.

Please have look here to apply a css style only in Safari and in Chrome:

https://www.ryadel.com/en/css3-media-query-target-only-ie-ie6-ie11-firefox-chrome-safari-edge/

• Is it helping ?

Best regards,

Samuel

[vcavic]

Hallo Samuel @sdidier ,

Thank you for your response. 

Sorry i misspelled! its scroll-PADDING-bottom, not Margin.

But i think its a problem with Vuforia view app(IOS version). Its works fine on android version.

BR

Vladimir

[sdidier]

Hello Vcavic,

It is the same with this Property a bug exists about it in Safari :

https://developer.mozilla.org/fr/docs/Web/CSS/scroll-padding-bottom

As Vuforia View is using Safari to render 2D Widgets, bug migth be not in Vuforia View source code itself but in Safari used to display HTML elements.

• Do you have a Project to share where the issue is reproducible ?

             We can try to report that to R&D to have a confirmation and maybe another solution.

Best regards,

Samuel

[vcavic]

Hello @sdidier ,

i made a little test program with checkbox and scroll. There is also a short video with problem

Thank you!

BR

Vladimir

[sdidier]

Hello Vladimir,

I have this result in iPad 6th, in iOS 13.6.1, in Vuforia View 8.5.110 (1880).

We don't see the last CheckBox item who should be displayed.

It is needed to click on it to display it.

• Is it describing correctly the issue ?

Best regards,

Samuel

[vcavic]

Hello Samuel @sdidier ,

it is also a problem(another). I have already written on this topic.

https://community.ptc.com/t5/Vuforia-Studio/Checkbox-in-Vuforia-Studio-not-visible-on-IOs-Ipad-pro-but-work/m-p/681153#M8625.

when scrolled upwards, it is also not visible. 

Android VS IOS (both problem)

Video in attachments * sorry for bad quality

BR

Vladimir