WebKit Bugzilla
Attachment 359700 Details for
Bug 193656
: [css-grid] abspos inside grid can have negative sizes
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
testcase
testcase.htm (text/html), 552 bytes, created by
Oriol Brufau
on 2019-01-21 11:51:28 PST
(
hide
)
Description:
testcase
Filename:
MIME Type:
Creator:
Oriol Brufau
Created:
2019-01-21 11:51:28 PST
Size:
552 bytes
patch
obsolete
><!DOCTYPE html> ><html> ><meta charset="utf-8" /> ><style> >#grid { > display: grid; > grid: 100px / 100px; > border: solid; > width: 100px; > height: 100px; > position: relative; >} >#abspos { > position: absolute; > left: 30px; > right: 40px; > grid-column-end: 1; > color: cyan; > border: 10px solid blue; >} ></style> ><div id="log"></div> ><div id="grid"> > <div> > <div id="abspos"></div> > </div> ></div> ><script> >let w = document.getElementById('abspos').offsetWidth; >document.getElementById("log").textContent = "offsetWidth = " + w; ></script> ></html>
<!DOCTYPE html> <html> <meta charset="utf-8" /> <style> #grid { display: grid; grid: 100px / 100px; border: solid; width: 100px; height: 100px; position: relative; } #abspos { position: absolute; left: 30px; right: 40px; grid-column-end: 1; color: cyan; border: 10px solid blue; } </style> <div id="log"></div> <div id="grid"> <div> <div id="abspos"></div> </div> </div> <script> let w = document.getElementById('abspos').offsetWidth; document.getElementById("log").textContent = "offsetWidth = " + w; </script> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 193656
: 359700