canonical / canonical/vanilla-framework

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

Open
#4,949 3 comments 0 reactions 1 assignee Claimed by @pastelcyborg View on GitHub
Bug 🐛 P3 Triaged Triaged: v4
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

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

![image](https://github.com/canonical/vanilla-framework/assets/83575/ab6f0f02-08ba-4690-9044-20451ba4a198)

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.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.