Bug #104681
closedImprove CSS in Debugger Utility for input field
100%
Description
On using Fluid f:debug
the nested properties are sometimes not clickable.
Visibility of input fields, with type checkbox or radio, are very often changed by css styling which is changing height and width properties and set them to 0 or very, very small that the original checkbox is not visible and used background images or other images are shown.
If the css selector for the fields is written like that input[type="checkbox"], input[type="radio"]
then the debugger utility selector is not strong enough. Then the click on the small plus sign to open nested propertiesis is not possible.
If those css properties becoming an !important
like some other css properties already have, then it would be no problem.
In my current project (where I found this stuff) was also the z-index for the input(checkbox and radio) changed to -1
. But I think to be safe it is a good idea to set all the relevant css properties for the .extbase-debugger-tree input
to !important
.
.extbase-debugger-tree input{position:absolute !important;float: none !important;top:0 !important;left:0 !important; height:14px !important;width:14px !important;margin:0 !important;cursor:pointer;opacity:0 !important;z-index:2 !important}
Or better make the selector strong enough? Maybe with adding the type attribute?
Updated by Garvin Hicking 3 months ago
- Category set to Miscellaneous
- Tags set to Debug
Updated by Gerrit Code Review 3 months ago
- Status changed from New to Under Review
Patch set 1 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/85710
Updated by Gerrit Code Review 3 months ago
Patch set 1 for branch 12.4 of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/85712
Updated by Karsten Nowak (undkonsorten) 3 months ago
- Status changed from Under Review to Resolved
- % Done changed from 0 to 100
Applied in changeset dd58111bcbd856c3db38728331c54742e8cb4eb9.