Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Right-Panel is overflowing during form-edit #337

Open
micstra opened this issue Nov 24, 2020 · 0 comments
Open

Right-Panel is overflowing during form-edit #337

micstra opened this issue Nov 24, 2020 · 0 comments

Comments

@micstra
Copy link

micstra commented Nov 24, 2020

Right-Panel is overflowing during form-edit.

If the height of the form-body is too large, the right-panel starts to overflow and adds unused space at the bottom of the container. The issue only appears if the form contains boolean fields.

image

Browser

Firefox 83.0 (64-bit)
The problem seems not to appear with the chrome browser.

Cause

The problem is produced by the styling of gtx-checkbox.

gtx-checkbox [type="checkbox"]:not(:checked), gtx-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}  

The editor-body is static positioned, thus the checkbox-element is anchored outside of the editor-body causing the right-panel to overflow.

A possible fix would be adding position: relative to the mesh-boolean-field to provide an anchor inside the editor-body.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant