cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

scroll-margin-bottom does not work on IOS

Highlighted
Gravel

scroll-margin-bottom does not work on IOS

Hi,

 

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

It works fine on Android but not on Ipad.

 

Any solutions?

 

Thanks

Vladimir

Tags (3)
6 REPLIES 6
Highlighted

Re: scroll-margin-bottom does not work on IOS

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

Highlighted

Re: scroll-PADDING-bottom does not work on IOS (Update)

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
Highlighted

Re: scroll-PADDING-bottom does not work on IOS (Update)

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

Highlighted

Re: scroll-PADDING-bottom does not work on IOS (Update)

Hello @sdidier ,

 

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

 

Thank you!

 

BR

Vladimir

Highlighted

Re: scroll-PADDING-bottom does not work on IOS (Update)

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

Tags (1)
Highlighted

Re: scroll-PADDING-bottom does not work on IOS (Update)

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-b...

when scrolled upwards, it is also not visible. 

 

Android VS IOS (both problem)

 

Video in attachments * sorry for bad quality

BR

Vladimir

 

 

 

Announcements
Join an
AR Working Group!

Topics available:
AR/VR for Data Optimization AR/VR for Security and Control AR/VR for Inspection