Problem/Motivation

The following CSS causes sortable table headings to go out of bounce.

table th {
    position: inherit;
}

https://screenshot.sunlime.at/d434ac6657be547ded84b052af57269e

This is present in the

Steps to reproduce

  • Install current Drupal 9.0.6, Webform 6.0.0-alpha17 and Claro as backend theme
  • Go to /admin/structure/webform

Proposed resolution

Remove the

    position: inherit;

from the CSS currently present in /modules/contrib/webform/css/webform.theme.claro.css

Because the needed

    position: relative;

is already present in /core/themes/claro/css/components/tables.css

See Video here: https://screenshot.sunlime.at/d15c303e360960876fe42b5656bcd955

CommentFileSizeAuthor
#2 webform.theme_.claro_.css_.patch320 byteskevin.pfeifer

Comments

kevin.pfeifer created an issue. See original summary.

kevin.pfeifer’s picture

kevin.pfeifer commented
StatusFileSize
new webform.theme_.claro_.css_.patch320 bytes

Here the patch for the proposed solution from above

  • kevin.pfeifer authored 2ada95d on 6.x 
    Issue #3172754 by kevin.pfeifer: Styling for sortable table heading...
jrockowitz’s picture

jrockowitz commented
Status: Active » Fixed

Thanks for the patch.

  • kevin.pfeifer authored 2ada95d on 6.x 
    Issue #3172754 by kevin.pfeifer: Styling for sortable table heading...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.