Iphone behaviour strange

[lashan-gamelounge]

Description

When I open one of the examples from the tours section on the iPhone 15 pro, initially it loads when I try to go next it will have only overlay and no highlighted section.

Expected Behavior

It should open the second highlighted modal with the tooltip

Actual Behavior

initially, it loads when I try to go next it will have only overlay and no highlighted section on the iPhone 15 pro

Errors and Screenshots (optional)

## Example (recommended)
Try to open this https://introjs.com/docs/tour/examples/confirm-before-exit on iPhone 15 pro and hit the next button.

Environment (optional)

iPhone 15 pro, chrome

[chris2k20]

Same here, the seconds screen looks very bad. Also on your landing Page it is not working.
First Looks good:

Second not:

I had to disable intro.js on mobile devices because Safari and Chrome are not working at the moment. (Used that: https://cdnjs.cloudflare.com/ajax/libs/intro.js/7.2.0/intro.min.js)

How can we fix this?
By the way, I really love your project. So thank you very much for the time you spend on this project. 🙏🏻

[higege-amdeker]

Perhaps the problem is dependent on iOS 18.0?
It seems to work fine with iOS 17.5.

[chris2k20]

Yes, I have the latest iOS beta dev version. What do you need?

[Fant0m771]

Hi, I have the same behavior for the desktop Safari, the tooltip does not appear before you scroll the page, after scroll event is happened the tooltip appeared. Safari browser Version 18.0.1 (19619.1.26.111.11, 19619), MacOS 14.7

[sjoerdbooij]

I also experience the same issue on my iPhone 13 in Chrome with iOS 18.1.1. The first tooltip is fine, but after pressing NEXT the tooltips are no longer there, just highlighting the element.

[mithlesh425]

+1 for me, not working for iPhone iOS 18 beta.