Skip to content

Commit

Permalink
More position absolute and grid tests.
Browse files Browse the repository at this point in the history
  • Loading branch information
sanketj committed May 7, 2020
1 parent 2574c44 commit 3aaadc9
Show file tree
Hide file tree
Showing 3 changed files with 62 additions and 0 deletions.
19 changes: 19 additions & 0 deletions grid-fixup-and-position-absolute.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
abc<div style="position: absolute; top: 30px">123</div>def
<br/>
<br/>
<br/>
<br/>
<div style="contain: strict; height: 41px; width: 44px">
<div style="display: grid; grid-template-columns: 22px 22px; grid-template-rows: 16px;">
abc<div style="position: absolute; top: 22px">123</div>def
</div>
</div>
</body>
</html>
19 changes: 19 additions & 0 deletions grid-fixup-basic.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
abc<span>def<br/>ghi</span>jkl
<br/>
<br/>
<br/>
<br/>
<div style="contain: strict; height: 36px; width: 43px">
<div style="display: grid;">
<span>abcdef</span><span>ghijkl</span>
</div>
</div>
</body>
</html>
24 changes: 24 additions & 0 deletions position-absolute-without-background-color.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<span style="background-color: rgba(255, 255, 0, 0.5);">
not area selected text
<div style="position: absolute; top: 10px; color: rgba(255, 0, 0); width: 200px;">
this is area selected text
</div>
</span>
<br/>
<br/>
<br/>
<br/>
<div style="contain: strict; height: 18px; width: 200px;">
<div style="position: absolute; color: rgba(255, 0, 0); width: 200px;">
this is area selected text
</div>
</div>
</body>
</html>

0 comments on commit 3aaadc9

Please sign in to comment.