Bug 191461 - [css-flex][css-grid] Percentage sizes on elements inside the subitems should take into account the item's scrollbar size
Summary: [css-flex][css-grid] Percentage sizes on elements inside the subitems should ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-11-09 03:49 PST by Javier Fernandez
Modified: 2018-11-09 04:00 PST (History)
5 users (show)

See Also:


Attachments
Test case to reproduce the flexibe box issue (1.49 KB, text/html)
2018-11-09 03:49 PST, Javier Fernandez
no flags Details
Test case to reproduce the grid box issue (1.46 KB, text/html)
2018-11-09 03:49 PST, Javier Fernandez
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Javier Fernandez 2018-11-09 03:49:28 PST
Created attachment 354323 [details]
Test case to reproduce the flexibe box issue

Check the attached examples, the issue is more noticeable in Grid Layout but it also happens on Flexbox.

The problem is that the items have a child with 100% width and height.
The items also have margin, padding, border and scrollbar.
The scrollbar size is ignored so the items end up being bigger than expected,
causing overflow (so you can actually scroll) when it was supposed to not happen.
Comment 1 Javier Fernandez 2018-11-09 03:49:54 PST
Created attachment 354324 [details]
Test case to reproduce the grid box issue