Is there something I am doing wrong when using checkboxes in properties view of a node? [image] When I check or uncheck the box, I get this rectangle artifact? Below is the HTML fragment for the check box... <div class="form-row"> <label for="node-input-delay"><i class="f…

My HTML experience is limited, so I have not as yet got into the weeds on this. This is also cosmetic. But thanks for the suggestions, when I can will follow up. I was thinking this is a known quirk type of thing.

The default width style of an <input> in a .form-row element is 70%. This applies to checkboxes just as much as text inputs. The wide box you can see is Chrome's default highlighting of the focussed element - its that wide because of the default 70% width we apply. I've been meaning to modify the …

Oh, cool. Yeah, just was wondering. I figured it was the way the form row definition was done, but not sure about the specifics, have a lot of HTML to learn. Can't see this as anything urgent or such of course.

C in properties view of a node?

Developing Nodes

TotallyInformation 9 August 2020 16:06 2

Have you checked devtools to see what is driving that?

Also, you might want to move this from General to "Creating Nodes".

Topic		Replies	Views
Text wraps in Form node Checkbox element General	10	442	14 October 2020
Need a bit of help on making two columns in contrib node Developing Nodes	11	765	24 August 2020
Uibuilder - checkbox rendering question General html , uibuilder	5	280	29 October 2023
Toggle visibility of typedInput field - layout issue Developing Nodes	12	1886	12 July 2019
Opening node information and size of input fields Feature Requests	5	430	16 July 2019

C in properties view of a node?

Related topics