ResizableTableContainer induces systematic horizontal scrollbar? #5906
-
|
Hello gents When you look at the storybook of the React-Apria table: you can see that it gets an unexpected horizontal scrollbar. I can get rid of the vertical scrollbar by removing the 
Is this by design/spec? I get the impression that the JS that computes the width is missing some borders/padding/.... ? so that, by default, the computed size is just a few px too wide. Did I get something wrong? Thanks |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
These are a starting point/example and it could definitely be better. It looks like it's coming from the resize handlers, they stick out a little into the next column, or in the case of the last column, it sticks out beyond the table. The reason for the extra padding on the handle is to increase the hit area for touch or users who need more affordance. The last one could be changed to have more padding on the inline-start and none on the inline-end possibly. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for your answer! |
Beta Was this translation helpful? Give feedback.
These are a starting point/example and it could definitely be better. It looks like it's coming from the resize handlers, they stick out a little into the next column, or in the case of the last column, it sticks out beyond the table. The reason for the extra padding on the handle is to increase the hit area for touch or users who need more affordance. The last one could be changed to have more padding on the inline-start and none on the inline-end possibly.