open it on mobile (android, Chrome) and open "Inline HTML" modal window
most of close button will not be visible .
What happens?
There is CSS rule .tobii__slide [data-type] with value of:
max-height: var(--slide-max-height); or max-height: calc(100vh - 2.77778em). Because this element is centered, layout shifts to top and hides most of close button. But I can not understand why desktop chrome and mobile chrome renders this situation in different ways.
Possible solution
Replace above line to:
max-width: 100%.
p.s. more testing must be made before this can be updated.
If users will open modal dialog on Inline HTML elements, close button may not be visible if matching all conditions below:
To reproducer it:
What happens?
There is CSS rule
.tobii__slide [data-type]
with value of:max-height: var(--slide-max-height);
ormax-height: calc(100vh - 2.77778em)
. Because this element is centered, layout shifts to top and hides most of close button. But I can not understand why desktop chrome and mobile chrome renders this situation in different ways.Possible solution
Replace above line to:
max-width: 100%
.p.s. more testing must be made before this can be updated.