Commit ffc5261b authored by Nikita Hovratov's avatar Nikita Hovratov
Browse files

[BUGFIX] Remove "overflow: hidden" from form-wizards-element

In order to fix select fields overflowing into each other
when they have very long option titles, the CSS rule
"overflow: hidden" has been added. As it seems, this wasn't
even necessary as the rule "min-width: 120px" already does
the trick.

The CSS rule "overflow: hidden" is now removed, which
enables the accessibility box-shadows from bootstrap 5
again.

Resolves: #97565
Related: #94688
Releases: main, 11.5
Change-Id: Ifd8495430ecdc404fa1dbebe9633ef5f401a6af6
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/74530

Tested-by: core-ci's avatarcore-ci <typo3@b13.com>
Tested-by: Benjamin Franzke's avatarBenjamin Franzke <bfr@qbus.de>
Tested-by: Christian Kuhn's avatarChristian Kuhn <lolli@schwarzbu.ch>
Tested-by: Nikita Hovratov's avatarNikita Hovratov <nikita.h@live.de>
Reviewed-by: Benjamin Franzke's avatarBenjamin Franzke <bfr@qbus.de>
Reviewed-by: Christian Kuhn's avatarChristian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Nikita Hovratov's avatarNikita Hovratov <nikita.h@live.de>
parent cac6bc6b
...@@ -315,10 +315,6 @@ select { ...@@ -315,10 +315,6 @@ select {
grid-area: main; grid-area: main;
min-width: 120px; min-width: 120px;
&:not(.form-wizards-element--overflow-visible) {
overflow: hidden;
}
.col-icon img, .col-icon img,
.inline-icon img { .inline-icon img {
max-width: 2em; max-width: 2em;
......
...@@ -159,7 +159,7 @@ class ColorElement extends AbstractFormElement ...@@ -159,7 +159,7 @@ class ColorElement extends AbstractFormElement
$mainFieldHtml = []; $mainFieldHtml = [];
$mainFieldHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $mainFieldHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
$mainFieldHtml[] = '<div class="form-wizards-wrap">'; $mainFieldHtml[] = '<div class="form-wizards-wrap">';
$mainFieldHtml[] = '<div class="form-wizards-element form-wizards-element--overflow-visible">'; $mainFieldHtml[] = '<div class="form-wizards-element">';
$mainFieldHtml[] = '<input type="text" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />'; $mainFieldHtml[] = '<input type="text" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
$mainFieldHtml[] = '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars((string)$itemValue) . '" />'; $mainFieldHtml[] = '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars((string)$itemValue) . '" />';
$mainFieldHtml[] = '</div>'; $mainFieldHtml[] = '</div>';
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment