mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Auto merge of #7276 - pcwalton:inline-absolute-hypothetical-clip, r=mbrubeck
layout: Make inline absolute hypothetical boxes not clip their contents. Improves the logo on ebay.com. r? @mbrubeck <!-- Reviewable:start --> [<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/7276) <!-- Reviewable:end -->
This commit is contained in:
commit
195d267e23
5 changed files with 49 additions and 1 deletions
|
@ -149,6 +149,7 @@ experimental == iframe/size_attributes_vertical_writing_mode.html iframe/size_at
|
|||
== img_width_attribute_intrinsic_width_a.html img_width_attribute_intrinsic_width_ref.html
|
||||
== incremental_float_a.html incremental_float_ref.html
|
||||
== incremental_inline_layout_a.html incremental_inline_layout_ref.html
|
||||
== inline_absolute_hypothetical_clip_a.html inline_absolute_hypothetical_clip_ref.html
|
||||
!= inline_background_a.html inline_background_ref.html
|
||||
== inline_block_baseline_a.html inline_block_baseline_ref.html
|
||||
== inline_block_block_direction_margins_a.html inline_block_block_direction_margins_ref.html
|
||||
|
|
15
tests/ref/inline_absolute_hypothetical_clip_a.html
Normal file
15
tests/ref/inline_absolute_hypothetical_clip_a.html
Normal file
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
body {
|
||||
margin: 16px;
|
||||
}
|
||||
#a {
|
||||
position: relative;
|
||||
}
|
||||
#b {
|
||||
clip: rect(47px, 118px, 95px, 0);
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
<a href="http://bogus" id=a><img id=b width=250 src=400x400_green.png>
|
||||
|
16
tests/ref/inline_absolute_hypothetical_clip_ref.html
Normal file
16
tests/ref/inline_absolute_hypothetical_clip_ref.html
Normal file
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
section {
|
||||
position: absolute;
|
||||
background: lime;
|
||||
top: 63px;
|
||||
width: 118px;
|
||||
height: 48px;
|
||||
left: 16px;
|
||||
}
|
||||
</style>
|
||||
<section></section>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue