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?