ionic element - bubbles not pointing to right place due to clientHeight = 0 (etc.)

[YochevedZ]

We use shepherd tour in an ionic environment, but for some elements, bubbles positions are incorrect ONLY on mobile devices (Android & iPhone)
As investigated, on mobile the relevant elements clientWidth, clientHeight, offsetWidth and offsetHeight are zero (0) (but elements locations is correct) and this may impact the shepherd function getBoundingClientRect()
Please advise whether its a shepherd bug or should be handled by client side.

[RobbieTheWagner]

@YochevedZ is this running in a mobile browser or as an app? I've never written a mobile app, so it's possible we may need to add some conditional calls to support it. Do you know if there is an alternative to getBoundingClientRect for mobile?

[YochevedZ]

It runs on both - both on a mobile browser and as an app.
Please note that the issue occurs on mobile browser - but works well on a desktop browser.
I'm also new in mobile app developing so I have no knowledge of an alternative for getBoundingClientRect() function.

[RobbieTheWagner]

@YochevedZ I'm confused on the mobile browser issue. Things should work in all browsers, whether mobile or not. Which browser specifically is experiencing issues?

[YochevedZ]

In iPhone - Safari
In Android - Chrome

[RobbieTheWagner]

@YochevedZ do you have a reproduction I could play with? Our demo app seems to work in mobile Safari. It does have other issues, but the arrows point to the elements.

[RobbieTheWagner]

@YochevedZ since I cannot reproduce, I am unsure how to fix this. Can you please help us with a reproduction?

[RobbieTheWagner]

Since I have not heard back, I am closing for now. Please feel free to reopen if you can provide us with a reproduction!