Project

General

Profile

Actions

Bug #104681

closed

Improve CSS in Debugger Utility for input field

Added by Karsten Nowak (undkonsorten) 3 months ago. Updated about 1 month ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Miscellaneous
Target version:
-
Start date:
2024-08-21
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
12
PHP Version:
Tags:
Debug
Complexity:
Is Regression:
Sprint Focus:

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?
Actions #1

Updated by Karsten Nowak (undkonsorten) 3 months ago

  • Description updated (diff)
Actions #2

Updated by Karsten Nowak (undkonsorten) 3 months ago

  • Description updated (diff)
Actions #3

Updated by Garvin Hicking 3 months ago

  • Category set to Miscellaneous
  • Tags set to Debug
Actions #4

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

Actions #5

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

Actions #6

Updated by Karsten Nowak (undkonsorten) 3 months ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
Actions #7

Updated by Benni Mack about 1 month ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF