Add option for position:absolute owing to iOS 'bug'

Created on 25 December 2024, 2 months ago

Problem/Motivation

We can fix the popup. This adds position:fixed to the popup. Position fixed is a problem on iOS when applied to interactive elements.

Steps to reproduce

Generate webform popup on an iPhone.
Click a field.
Keyboard opens.
Unfocus from field.
Keyboard closes.
Webform popup jumps down the screen to where the keyboard previously was.

Proposed resolution

Replace 'position: fixed' on the popup with 'position: absolute' or make that an option. It seems to fix the problem.

This can be tested by reproducing the problem, then add into the popup text

.ui-dialog {position:absolute !important;}

or similar. Assuming the fix is acceptable, changing the inline CSS added by the JS would be better.

🐛 Bug report
Status

Active

Version

1.4

Component

Code

Created by

🇬🇧United Kingdom John_B London (UK), Worthing (UK), Innsbruck (Tirol)

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024