formio.js icon indicating copy to clipboard operation
formio.js copied to clipboard

Why is there scroll bar for `Data Grid` and cuts off `Select`?

Open bilogic opened this issue 2 years ago • 2 comments

image image

Hi,

  1. why does the data grid component have a scroll bar?
  2. And why does it cut off the select in such an ugly manner?

bilogic avatar Jun 09 '23 00:06 bilogic

I'm not sure why this decision was made, but here's how I was able to override this behavior with CSS:

.formio-component-datagrid { overflow: visible !important; height: auto !important; }

chrisdecrypted avatar Jun 14 '23 14:06 chrisdecrypted

From what I can gather, it seems like we added an overflow-x property to "auto" so that the datagrid could scroll side to side if it does not fit in the width of the screen. This must also "inform" the overflow-y to also be set to auto. I am submitting a change, that may fix it, but I am not sure if it will. I will push this to our example application soon and we can try it out.

https://github.com/formio/formio.js/pull/5299

travist avatar Aug 03 '23 12:08 travist

Thank you for taking the time to report this issue. This issue has been resolved.

ZenMasterJacob20011 avatar May 01 '24 13:05 ZenMasterJacob20011