vanilla-framework icon indicating copy to clipboard operation
vanilla-framework copied to clipboard

`u-off-screen` and hidden inputs cause layout issues in application layout

Open bartaz opened this issue 1 year ago • 3 comments

Hidden inputs (like switch/radio/checkboxes) and labels hidden with u-off-screen cause layout problems inside panels of application layout.

image

It seems it's caused by position: absolute with no positioning defined (top/left/bottom/etc) - this causes these elements to be positioned off grid, creating unnecessary space and scrolling.

bartaz avatar Jan 18 '24 16:01 bartaz

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-13785.

This message was autogenerated

Triage: This is a bug that affects current users. We should address it in v4.

bartaz avatar Sep 24 '24 09:09 bartaz

See article about u-off-screen approach, may be relevant to this fix - found by @bartaz https://www.tpgi.com/the-anatomy-of-visually-hidden/

jmuzina avatar Oct 23 '24 13:10 jmuzina