Last active
October 17, 2018 18:14
-
-
Save aethanyc/9f4d5630592088ef2f57937a92102572 to your computer and use it in GitHub Desktop.
Frame tree dump of column span
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style="column-count:3;"> | |
| <div id="kid"> | |
| <div id="grandkid"> | |
| a | |
| <div id="spanner" style="column-span: all">b</div> | |
| c | |
| </div> | |
| </div> | |
| </div> | |
| webshell=0x7fa4e73839a0 | |
| Viewport(-1)@7fa4e5863020 [view=7fa4e5a73100] {0,0,36600,21540} [state=0080062000002220] [cs=7fa4e731eb08:-moz-viewport]< | |
| HTMLScroll(html)(-1)@7fa4e5863178 parent=7fa4e5863020 {0,0,36600,21540} [state=0280020000000010] [content=7fa4e5af9c10] [cs=7fa4e731ea08:-moz-viewport-scroll]< | |
| ScrollbarFrame(scrollbar)(-1)@7fa4e5863398 parent=7fa4e5863178 next=7fa4e5863640 {0,21540,36600,0} [state=0000000080c80008] [content=7fa4e5af9f70] [cs=7fa4e731ed08]< | |
| SliderFrame(slider)(-1)@7fa4e5863498 parent=7fa4e5863398 {0,0,36600,0} [state=0000060080c00008] [content=7fa4e6086ca0] [cs=7fa4e731f208]< | |
| ButtonBoxFrame(thumb)(0)@7fa4e5863578 parent=7fa4e5863498 {0,0,36600,0} [state=2000060080400000] [content=7fa4e6086dc0] [cs=7fa4ead82a08]<> | |
| > | |
| > | |
| ScrollbarFrame(scrollbar)(-1)@7fa4e5863640 parent=7fa4e5863178 next=7fa4e58638e8 {36600,0,0,21540} [state=0000000080880008] [content=7fa4e6041670] [cs=7fa4e731ee08]< | |
| SliderFrame(slider)(-1)@7fa4e5863740 parent=7fa4e5863640 {0,0,0,21540} [state=0000060080800008] [content=7fa4e5841280] [cs=7fa4e731f908]< | |
| ButtonBoxFrame(thumb)(0)@7fa4e5863820 parent=7fa4e5863740 {0,0,0,21540} [state=2000060080000000] [content=7fa4e5841310] [cs=7fa4ead82b08]<> | |
| > | |
| > | |
| Box(scrollcorner)(-1)@7fa4e58638e8 parent=7fa4e5863178 next=7fa4e58630b0 {36600,21540,0,0} [state=0000000080c00208] [content=7fa4e6041700] [cs=7fa4e731ef08]<> | |
| Canvas(html)(-1)@7fa4e58630b0 parent=7fa4e5863178 {0,0,36600,21540} [state=0000006800000200] [content=7fa4e5af9c10] [cs=7fa4e731fd08:-moz-scrolled-canvas]< | |
| Block(html)(-1)@7fa4e58639a0 parent=7fa4e58630b0 {0,0,36600,4380} [state=0200000008d00200] [content=7fa4e5af9c10] [cs=7fa4e731fe08]< | |
| line 7fa4e5863b00: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x48] bm=480 {480,480,35640,3420} < | |
| Block(body)(1)@7fa4e5863a50 parent=7fa4e58639a0 {480,480,35640,3420} [state=0200020008100200] [content=7fa4e5af9ca0] [cs=7fa4e7320008]< | |
| line 7fa4e58649b0: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x48] {0,0,35640,3420} < | |
| ColumnSetWrapper(div)(0)@7fa4e5863c00 parent=7fa4e5863a50 {0,0,35640,3420} [state=0280060008d00220] [content=7fa4e5841550] [cs=7fa4e7320208]< | |
| line 7fa4e5863d48: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x108] {0,0,35640,1140} < | |
| ColumnSet(div)(0)@7fa4e5863cb8 parent=7fa4e5863c00 next=7fa4e5864680 next-continuation=7fa4e5864880 {0,0,35640,1140} [state=0280100000400020] [content=7fa4e5841550] [cs=7fa4e7320708:-moz-column-set]< | |
| Block(div)(0)@7fa4e5863b50 parent=7fa4e5863cb8 next-continuation=7fa4e5864680 {0,0,11240,1140} [state=0200100000100000] [content=7fa4e5841550] [cs=7fa4e7320808:-moz-column-content]< | |
| line 7fa4e5864630: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x8] {0,0,11240,1140} < | |
| Block(div)(1)@7fa4e5863d98 parent=7fa4e5863b50 next-continuation=7fa4e5864430 {0,0,11240,1140} [state=0200120000100200] [content=7fa4e58415e0] [cs=7fa4e7320308]< | |
| line 7fa4e58643e0: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x8] {0,0,11240,1140} < | |
| Block(div)(1)@7fa4e5863e48 parent=7fa4e5863d98 next-continuation=7fa4e58641e0 {0,0,11240,1140} [state=0200120000100200] [content=7fa4e5841670] [cs=7fa4e7320408]< | |
| line 7fa4e5864190: count=1 state=inline,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x100] {0,0,600,1140} vis-overflow=0,0,900,1140 scr-overflow=0,0,600,1140 < | |
| Text(0)"\n a\n "@7fa4e5863ef8 parent=7fa4e5863e48 {0,0,600,1140} vis-overflow=0,0,900,1140 [state=02001040b0600000] [content=7fa4e583c980] [cs=7fa4e7320b08:-moz-text] [run=7fa4e583cf80][0,15,T] | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| line 7fa4e5864910: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x108] {0,1140,35640,1140} < | |
| Block(div)(0)@7fa4e5864680 parent=7fa4e5863c00 next=7fa4e5864880 prev-continuation=7fa4e5863b50 next-continuation=7fa4e5864780 {0,1140,35640,1140} [state=0200100008100000] [content=7fa4e5841550] [cs=7fa4ead82808:-moz-column-span-wrapper]< | |
| line 7fa4e5864730: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x108] {0,0,35640,1140} < | |
| Block(div)(1)@7fa4e5864430 parent=7fa4e5864680 prev-continuation=7fa4e5863d98 next-continuation=7fa4e5864530 {0,0,35640,1140} [state=0200120008100000] [content=7fa4e58415e0] [cs=7fa4ead82608:-moz-column-span-wrapper]< | |
| line 7fa4e58644e0: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x108] {0,0,35640,1140} < | |
| Block(div)(1)@7fa4e58641e0 parent=7fa4e5864430 prev-continuation=7fa4e5863e48 next-continuation=7fa4e58642e0 {0,0,35640,1140} [state=0200120008100000] [content=7fa4e5841670] [cs=7fa4e7320d08:-moz-column-span-wrapper]< | |
| line 7fa4e5864290: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x108] {0,0,35640,1140} < | |
| Block(div)(1)@7fa4e5863f80 parent=7fa4e58641e0 {0,0,35640,1140} [state=0200120000d00200] [content=7fa4e5841700] [cs=7fa4e7320508]< | |
| line 7fa4e58640b8: count=1 state=inline,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x100] {0,0,600,1140} < | |
| Text(0)"b"@7fa4e5864030 parent=7fa4e5863f80 {0,0,600,1140} [state=02000040b0600000] [content=7fa4e583ca00] [cs=7fa4e7320c08:-moz-text] [run=7fa4e5a75eb0][0,1,T] | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| line 7fa4e5864960: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x8] {0,2280,35640,1140} < | |
| ColumnSet(div)(0)@7fa4e5864880 parent=7fa4e5863c00 prev-continuation=7fa4e5863cb8 {0,2280,35640,1140} [state=0200100000400020] [content=7fa4e5841550] [cs=7fa4e7320708:-moz-column-set]< | |
| Block(div)(0)@7fa4e5864780 parent=7fa4e5864880 prev-continuation=7fa4e5864680 {0,0,11240,1140} [state=0200100000100000] [content=7fa4e5841550] [cs=7fa4e7320808:-moz-column-content]< | |
| line 7fa4e5864830: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x8] {0,0,11240,1140} < | |
| Block(div)(1)@7fa4e5864530 parent=7fa4e5864780 prev-continuation=7fa4e5864430 {0,0,11240,1140} [state=0200120000100000] [content=7fa4e58415e0] [cs=7fa4e7320308]< | |
| line 7fa4e58645e0: count=1 state=block,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x8] {0,0,11240,1140} < | |
| Block(div)(1)@7fa4e58642e0 parent=7fa4e5864530 prev-continuation=7fa4e58641e0 {0,0,11240,1140} [state=0200120000100000] [content=7fa4e5841670] [cs=7fa4e7320408]< | |
| line 7fa4e5864390: count=1 state=inline,clean,prevmarginclean,not impacted,not wrapped,before:nobr,after:nobr[0x100] {0,0,540,1140} vis-overflow=0,0,840,1140 scr-overflow=0,0,540,1140 < | |
| Text(2)"\n c\n "@7fa4e5864108 parent=7fa4e58642e0 {0,0,540,1140} vis-overflow=0,0,840,1140 [state=02001040b0600000] [content=7fa4e583ca80] [cs=7fa4e7320b08:-moz-text] [run=7fa4e583d100][0,13,T] | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > | |
| > |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment