Custom composite label on mobile view indent issue

Created on 29 May 2024, 7 months ago

On Drupal 10.2.6

.webform-multiple-table-responsive labels are indented out of the display when the label has class="visually-hidden" on normal table view.
On mobile view, the table header is hidden and the labels should take place - but they are still indented and breaking the view.

πŸ› Bug report
Status

Active

Version

6.2

Component

Code

Created by

πŸ‡¦πŸ‡ΊAustralia gigimaor Narangba/Brisbane

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

Comments & Activities

  • Issue created by @gigimaor
  • πŸ‡¦πŸ‡ΊAustralia gigimaor Narangba/Brisbane
  • Open in Jenkins β†’ Open on Drupal.org β†’
    Core: 10.2.x + Environment: PHP 8.1 & MySQL 8
    last update 7 months ago
    536 pass
  • Status changed to Postponed: needs info 6 months ago
  • πŸ‡ΊπŸ‡ΈUnited States jrockowitz Brooklyn, NY

    I am not able to replicate this issue using the below example and the Claro theme. What theme are you using?

    webform_custom_composite_basic:
      '#type': custom_composite
      '#title': webform_custom_composite_basic
      '#multiple__header': false
      '#element':
        first_name:
          '#type': textfield
          '#title': 'First name'
        last_name:
          '#type': textfield
          '#title': 'Last name'
    
  • Status changed to Closed: cannot reproduce 3 months ago
  • πŸ‡ΊπŸ‡ΈUnited States jrockowitz Brooklyn, NY
Production build 0.71.5 2024