search

indiana-university / rivet-shell

A configurable set of layout components for applications build using Rivet
https://indiana-university.github.io/rivet-shell/
BSD 3-Clause "New" or "Revised" License
0 stars 2 forks source link

fieldset causing additional scrollbar #33

Open ckrausko opened 5 years ago

ckrausko commented 5 years ago

Describe the bug

Using a fieldset inside of the template located here https://indiana-university.github.io/rivet-shell/rivet-shell-sidebar-and-header/index.html causes an additional scroll bar to be shown.

Expected behavior

I expect only one scroll bar to be shown.

Relevant context (required)

Capture Capture1

If I remove the fieldsets and only have input tags or other content there doesn't seem to be any issues.

Steps to reproduce

Using Firefox browser and using the template located here https://indiana-university.github.io/rivet-shell/rivet-shell-sidebar-and-header/index.html throw in some fieldsets from the dev docs here https://rivet.iu.edu/components/forms/radio-buttons/#inline-radios-example

make sure that there is enough content vertically so that a scroll bar is needed, you should now see two scroll bars on the right. One scrolls the entire body of the page and the other scrolls inside of the rvt-shell__stage.

ckrausko commented 5 years ago

After trying to fix this in my own project I think this is more related to the positioning of the radio input than the fieldset