Input elements aren't selectable on node add/edit forms when using Safari on iPhone

Created on 30 December 2022, over 1 year ago
Updated 17 May 2024, 30 days ago

Problem/Motivation

When visiting a node add/edit form on Safari on iPhone, no input elements are selectable. This only happens if the node has a paragraphs widget or another widget using the .field-multiple-table layout.

Steps to reproduce

Visit the node form. Try to select an input element.

Proposed resolution

The problem is that the .field-multiple-table thead::after element overlays the complete viewport width and height, making it impossible to use the form. For some reason the relative positioning only seems to work after adding display: block to .field-multiple-table thead.

πŸ› Bug report
Status

Closed: duplicate

Version

3.0

Component

Code

Created by

πŸ‡§πŸ‡ͺBelgium DieterHolvoet Brussels

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

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024