RenderDetailsMarker should draw the triangle inside the content box
[WebKit-https.git] / LayoutTests / fast / html / details-marker-style.html
1 <!DOCTYPE html>
2 <body>
3 <style>
4 summary.withpadding::-webkit-details-marker {
5     padding: 8px 16px 24px 32px;
6     border-width: 8px 16px 24px 32px;
7     border-style: solid;
8     border-color: lime;
9 }
10
11 summary.nopadding::-webkit-details-marker {
12     border: 8px solid lime;
13     width: 48px;
14     height: 24px;
15 }
16
17 details {
18     font-size: 24px;
19 }
20 </style>
21 <div style="-webkit-writing-mode: horizontal-tb;">
22 <details><summary class="withpadding">Summary</summary></details>
23 </div>
24 <div style="-webkit-writing-mode: vertical-rl;">
25 <details><summary class="withpadding">Summary</summary></details>
26 </div>
27
28 <div style="-webkit-writing-mode: horizontal-tb;">
29 <details><summary class="nopadding">Summary</summary></details>
30 </div>
31 <div style="-webkit-writing-mode: vertical-rl;">
32 <details><summary class="nopadding">Summary</summary></details>
33 </div>
34 </body>
35