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

Include border widths when measuring grid templates for controls #6622

Merged
merged 3 commits into from
Nov 7, 2024

Conversation

ruggi
Copy link
Contributor

@ruggi ruggi commented Nov 6, 2024

Problem:

Border width is not taken into account when calculating grid template measurements, which results in the grid placeholders being misplaced.

Fix:

Include the border widths in the special size measurements and use them (transparent) for the grid placeholder styles.

Fixes #6619

Copy link
Contributor

github-actions bot commented Nov 6, 2024

Try me

Copy link

relativeci bot commented Nov 6, 2024

#15052 Bundle Size — 58.05MiB (~+0.01%).

4c4b0c4(current) vs d1d46c1 master#15043(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics  Change 2 changes Regression 1 regression
                 Current
#15052
     Baseline
#15043
Regression  Initial JS 41.03MiB(~+0.01%) 41.03MiB
No change  Initial CSS 0B 0B
Change  Cache Invalidation 18.09% 17.97%
No change  Chunks 20 20
No change  Assets 22 22
No change  Modules 4166 4166
No change  Duplicate Modules 213 213
No change  Duplicate Code 27.31% 27.31%
No change  Packages 477 477
No change  Duplicate Packages 70 70
Bundle size by type  Change 2 changes Regression 1 regression Improvement 1 improvement
                 Current
#15052
     Baseline
#15043
Regression  JS 58.04MiB (~+0.01%) 58.04MiB
Improvement  HTML 7.37KiB (-0.25%) 7.39KiB

Bundle analysis reportBranch fix/grid-measurement-borderProject dashboard


Generated by RelativeCIDocumentationReport issue

@gbalint
Copy link
Contributor

gbalint commented Nov 6, 2024

Instead of rendering the grid helper/control from the metadata, maybe we could just find the actual grid in the DOM and use its computed style to render the appropriate helper grid. It would be simpler (we don't have to save the style data in the metadata and then recreate that again in the control) and better too (now theoretically there is a frame delay before the control is updated, because we need to dom-walk the grid and store the results in the metadata first). WDYT?

@ruggi ruggi merged commit 612bdd7 into master Nov 7, 2024
16 checks passed
@ruggi ruggi deleted the fix/grid-measurement-border branch November 7, 2024 11:49
liady pushed a commit that referenced this pull request Dec 13, 2024
**Problem:**

Border width is not taken into account when calculating grid template
measurements, which results in the grid placeholders being misplaced.

**Fix:**

Include the border widths in the special size measurements and use them
(transparent) for the grid placeholder styles.

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

Successfully merging this pull request may close these issues.

Include border widths for grid measurement
6 participants