Bug #104681
Updated by Karsten Nowak (undkonsorten) 3 months ago
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''.
<code css>
.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}
</code>
Or better make the selector strong enough? Maybe with adding the type attribute?