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

Table resizing has permanent horiz scrollbar #598

Open
Techn1x opened this issue Jul 26, 2018 · 3 comments
Open

Table resizing has permanent horiz scrollbar #598

Techn1x opened this issue Jul 26, 2018 · 3 comments

Comments

@Techn1x
Copy link

Techn1x commented Jul 26, 2018

Occurs in my webapp, and also on the demo page. I'm using Chrome 67
http://opensource.addepar.com/ember-table/latest/docs/guides/header/size-constraints
Settings: widthConstraint='eq-container' and resizeMode='fluid'

No matter how I resize the table width, there is always a horizontal scrollbar - this is due to the vertical scrollbar being present.

If I set enough vertical space, the vertical scrollbar goes away, and then the horiz scrollbar goes away as well.

untitled8

Is this a limitation with ember-table or an unintentional bug?

@pzuraq
Copy link
Contributor

pzuraq commented Jul 26, 2018

This is an unintentional bug, it looks like we aren't accounting for the width of the scroll bar in our measurements for widthConstraint

@miketervela
Copy link

This is hitting me also, and in my case, it is causing the last th to wrap to the next line.

@prestoncobb
Copy link

This still appears to be an issue on v5.0.6 and can be seen in the documentation. #762 appears to reference the same problem, but I see similar behavior in the demos for versions 3.0+. containerWidthAdjustment was mentioned as a workaround, but setting a static adjustment for the native scrollbar is not ideal:
Screenshot 2024-03-11 at 4 32 47 PM

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

No branches or pull requests

4 participants