open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CSS containment was buggy in Chrome before 58.0.3004

Browse Source 
fixes #355
This commit is contained in:
tophf 2018-02-28 05:04:35 +03:00
parent 85f5f72832
commit 6b0628a7ee
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
manage/manage.css
View File

@ -325,17 +325,10 @@ select {
.newUI .entry { .newUI .entry {
display: table-row; display: table-row;
contain: strict;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.newUI .entry.can-update,
.newUI .entry.update-problem,
.newUI .entry.update-done {
contain: none;
}
.newUI .entry.odd { .newUI .entry.odd {
background-color: rgba(128, 128, 128, 0.05); background-color: rgba(128, 128, 128, 0.05);
} }
@ -345,11 +338,9 @@ select {
margin: 0; margin: 0;
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
contain: content;
} }
.newUI .entry .actions { .newUI .entry .actions {
contain: none;
position: relative; position: relative;
} }
@ -626,7 +617,6 @@ select {
box-sizing: border-box; box-sizing: border-box;
padding-right: 1rem; padding-right: 1rem;
line-height: 18px; line-height: 18px;
contain: layout style;
} }
.newUI .applies-to .expander { .newUI .applies-to .expander {
@ -665,7 +655,6 @@ select {
backface-visibility: hidden; backface-visibility: hidden;
opacity: .25; opacity: .25;
display: none; display: none;
contain: layout style size;
} }
.newUI .has-favicons .target { .newUI .has-favicons .target {

23
manage/manage.js
View File

@ -616,7 +616,28 @@ function switchUI({styleOnly} = {}) {
filter: none; filter: none;
opacity: 1; opacity: 1;
} }
`); `) + (CHROME >= 3004 ? `
.newUI .entry {
contain: strict;
}
.newUI .entry > * {
contain: content;
}
.newUI .entry .actions {
contain: none;
}
.newUI .target {
contain: layout style;
}
.newUI .target img {
contain: layout style size;
}
.newUI .entry.can-update,
.newUI .entry.update-problem,
.newUI .entry.update-done {
contain: none;
}
` : '');
if (styleOnly) { if (styleOnly) {
return; return;