Hint text hidden when 'required' condition highlights around a field

Hi. Can you provide a fix for this? Screenshot attached.

When a field does the 'error' highlight (or whatever it is called) when it is required but has not been filled in, it cuts off and no longer properly displays the hint text...

I'm checking on this issue and get back to you once I have some information in this regard.

Thank you for your patience.

I am sorry for the delay in responding back. Please try injecting the following code to the form to display the hint message over the error fields.

.form-line-error {

overflow: visible;

}

Hope this information helps!

Thanks,I've applied the code.

There is one final problem I've notices with the hint text - this is not when a field is in an error state, and it may relate to the spacing I've set up between the hint text and the field it is pointing to...but...

If I have a series of fields in the first row under a collapse widget, and the hint text bubble extends higher than the width of that collapse widget (see screenshot), the top of the bubble is cut off.

Is there a way to have the bubble overly several (one and a bit) collapse widgets, or is this a limitation of the form structure when using this widget?

Z-index is not working so for the meantime, use the following custom CSS codes:

div#collapse_176 {

    margin-bottom: 15px;

}

Basically, adjusting the bottom margin of the form collapse in your screenshot. Z-indexing means placing content in front or behind an element.