mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-24 17:09:43 +00:00
efd4f63454
Flex/grid items are always blockified (have their CSS display forced into "block") by style computation. We were doing this by looking at the CSS display of the parent. However, if the parent has `display: contents`, we must look at the *grandparent* instead. This corrects the layout of buttons underneath Reddit article cards.
28 lines
466 B
HTML
28 lines
466 B
HTML
<!doctype html>
|
|
<style type="text/css">
|
|
* {
|
|
outline: 1px solid black;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
</style>
|
|
<div class="flex">
|
|
163
|
|
<slot>
|
|
<foo-a
|
|
><foo-b
|
|
><template shadowrootmode="open">
|
|
<style>
|
|
:host {
|
|
display: flex;
|
|
border: 5px solid orange;
|
|
}
|
|
</style>
|
|
<slot></slot>
|
|
</template>
|
|
Share
|
|
</foo-b></foo-a
|
|
></slot
|
|
>
|
|
</div>
|