We are using JS Tableau API (v2.8.0) with iframe embedding and Tableau Server 2022.3.1. We are using the activateSheetAsync() function to switch between sheets within the loaded iframe, and we use the returned Promise object's .then() method to adjust the height of the iframe. This works fine on all devices, however on devices with touchscreen (all mobile devices) there is a method running in the background that resets the iframe height to the original height of the first worksheet and thus creating whitespace below sheets that are shorter than the original, or scrollbars on sheets higher than the original. This method runs as soon as the user starts scrolling on a touchscreen. However it does not run when scrolling with a mouse or on the keyboard. How can we prevent this from happening on touchscreens?
Thanks for the reply. Yes we are using device specific layouts. We use the "Fit width" setting and a fixed size for height. But the height is not the same on all sheets.
