Dialog:Broken

Build 1902 on wip/vitvakatu/nested-submenus
1200px
Reviewing disabled
View latest build
Baseline History
Build 190267e7812
Current build. There are unaccepted changes, so build 1464 is still the baseline.
Show baseline inheritance
Build 1464965941c current baseline
Auto-accepted
Build 1456b2f5ca0
Auto-accepted
Build 1122913ec28
Accepted by Sergei Garin.
Build 1111c0ac453
Accepted by Sergei Garin.
Commenting is disabled because there's a newer build on this branch
Go to Build 1961 now
DOM Diff
file.html a CHANGED
@@ -0,0 +1,96 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <div id="enso-app" class="enso-app">
2
+ <form id=":r0:" class="flex flex-col items-start gap-4 text-primary" novalidate="">
3
+ <div class="flex flex-col gap-0.5 items-start w-full" aria-invalid="false"
4
+ aria-labelledby=":r1:" aria-describedby=":r2:" aria-errormessage="" aria-required="false">
5
+ <label class="contents" id=":r1:">
6
+ <div class="flex flex-col items-start w-full">
7
+ <div class="react-aria-DatePicker" data-rac="">
8
+ <span class="react-aria-Label" id="react-aria275014254-:r8:"></span>
9
+ <div id="react-aria275014254-:r7:" aria-labelledby="react-aria275014254-:r8:"
10
+ aria-describedby="react-aria-description-1" role="group" class="flex items-center gap-2 border-0.5 border-primary/20 rounded-xl h-8 px-4"
11
+ data-rac="">
12
+ <div id="react-aria275014254-:r6:" role="presentation" class="flex justify-start grow order-2"
13
+ data-rac="">
14
+ <div role="spinbutton" aria-valuenow="2025" aria-valuetext="2025" aria-valuemin="1"
15
+ aria-valuemax="9999" id="react-aria275014254-:rh:" aria-label="år, " aria-labelledby="react-aria275014254-:rh: react-aria275014254-:r8:"
16
+ aria-describedby="react-aria-description-1" contenteditable="true" spellcheck="false"
17
+ autocorrect="off" enterkeyhint="next" inputmode="numeric" tabindex="0"
18
+ class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
19
+ data-rac="" data-type="year" style="">2025</div>
20
+ <div aria-hidden="true" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
21
+ data-rac="" data-readonly="true" data-type="literal">-</div>
22
+ <div role="spinbutton" aria-valuenow="3" aria-valuetext="03 – mars"
23
+ aria-valuemin="1" aria-valuemax="12" id="react-aria275014254-:rl:" aria-label="månad, "
24
+ aria-labelledby="react-aria275014254-:rl: react-aria275014254-:r8:" contenteditable="true"
25
+ spellcheck="false" autocorrect="off" enterkeyhint="next" inputmode="numeric"
26
+ tabindex="0" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
27
+ data-rac="" data-type="month" style="">03</div>
28
+ <div aria-hidden="true" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
29
+ data-rac="" data-readonly="true" data-type="literal">-</div>
30
+ <div role="spinbutton" aria-valuenow="18" aria-valuetext="18" aria-valuemin="1"
31
+ aria-valuemax="31" id="react-aria275014254-:rp:" aria-label="dag, " aria-labelledby="react-aria275014254-:rp: react-aria275014254-:r8:"
32
+ contenteditable="true" spellcheck="false" autocorrect="off" enterkeyhint="next"
33
+ inputmode="numeric" tabindex="0" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
34
+ data-rac="" data-type="day" style="">18</div>
35
+ <div aria-hidden="true" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px] w-1.5"
36
+ data-rac="" data-readonly="true" data-type="literal"></div>
37
+ <div role="spinbutton" aria-valuenow="22" aria-valuetext="22" aria-valuemin="0"
38
+ aria-valuemax="23" id="react-aria275014254-:rt:" aria-label="timme, " aria-labelledby="react-aria275014254-:rt: react-aria275014254-:r8:"
39
+ contenteditable="true" spellcheck="false" autocorrect="off" enterkeyhint="next"
40
+ inputmode="numeric" tabindex="0" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
41
+ data-rac="" data-type="hour" style="">22</div>
42
+ <div aria-hidden="true" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
43
+ data-rac="" data-readonly="true" data-type="literal">:</div>
44
+ <div role="spinbutton" aria-valuenow="55" aria-valuetext="55" aria-valuemin="0"
45
+ aria-valuemax="59" id="react-aria275014254-:r11:" aria-label="minut, "
46
+ aria-labelledby="react-aria275014254-:r11: react-aria275014254-:r8:" contenteditable="true"
47
+ spellcheck="false" autocorrect="off" enterkeyhint="next" inputmode="numeric"
48
+ tabindex="0" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
49
+ data-rac="" data-type="minute" style="">55</div>
50
+ <div aria-hidden="true" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px] w-1.5"
51
+ data-rac="" data-readonly="true" data-type="literal"></div>
52
+ <div role="textbox" aria-readonly="true" id="react-aria275014254-:r15:"
53
+ aria-label="tidszon, " aria-labelledby="react-aria275014254-:r15: react-aria275014254-:r8:"
54
+ tabindex="0" class="rounded placeholder-shown:text-primary/30 focus:bg-primary/10 px-[0.5px]"
55
+ data-rac="" data-readonly="true" data-type="timeZoneName">GMT</div>
56
+ </div>
57
+ <input type="text" name="value" hidden="" class="react-aria-Input" data-rac=""
58
+ value="2025-03-18T22:55:53.535+00:00[Etc/GMT+0]" title="" style="">
59
+ <button id="react-aria275014254-:r4:" type="button" aria-describedby="react-aria-description-1"
60
+ aria-label="Calendar" aria-labelledby="react-aria275014254-:r4: react-aria275014254-:r8:"
61
+ aria-haspopup="dialog" aria-expanded="false" class="group relative outline-transparent border-transparent whitespace-nowrap cursor-pointer select-none appearance-none text-center items-center justify-center transition-[opacity,outline-offset,background,border-color] duration-150 ease-in-out flex-col before:flex-none after:flex-none flex aspect-square opacity-80 hover:opacity-100 focus-visible:opacity-100 text-primary text-xs leading-[20px] before:h-[2px] after:h-[2px] macos:before:h-[1px] macos:after:h-[3px] font-medium before:hidden after:hidden before:w-0 after:w-0 border-0 outline-offset-[4px] p-0 rounded-full w-4 h-4 flex-none order-1 rotate-90"
62
+ data-rac="">
63
+ <span class="relative block max-w-full w-full h-full">
64
+ <span class="flex items-center gap-2 w-full h-full" id=":r17:">
65
+ <span class="after:inset-[-8px] w-full h-full flex relative after:absolute after:cursor-pointer group-disabled:after:cursor-not-allowed">
66
+ <div data-testid="svg-mask" class="[&amp;>svg]:stroke-current [&amp;>svg]:w-full [&amp;>svg]:h-full text-current flex-none aspect-square flex items-center justify-center w-[unset] h-[unset] mb-[unset]"
67
+ style="background-color: currentcolor; mask-image: url(&quot;data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.58579%203.75735L8.82843%207.99999L4.58579%2012.2426L6%2013.6568L10.2426%209.41421L11.6569%207.99999L10.2426%206.58578L6%202.34314L4.58579%203.75735Z'%20fill='black'%20/%3e%3c/svg%3e&quot;); mask-position: center center; mask-repeat: no-repeat; mask-size: contain;">
68
+ <img alt="" src="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.58579%203.75735L8.82843%207.99999L4.58579%2012.2426L6%2013.6568L10.2426%209.41421L11.6569%207.99999L10.2426%206.58578L6%202.34314L4.58579%203.75735Z'%20fill='black'%20/%3e%3c/svg%3e"
69
+ class="pointer-events-none opacity-0" draggable="false" loading="eager">
70
+ </div>
71
+ </span>
72
+ </span>
73
+ </span>
74
+ </button>
75
+ <button type="button" aria-label="Reset" class="group relative outline-transparent border-transparent whitespace-nowrap cursor-pointer select-none appearance-none text-center items-center justify-center transition-[opacity,outline-offset,background,border-color] duration-150 ease-in-out flex-col before:flex-none after:flex-none flex aspect-square opacity-80 hover:opacity-100 focus-visible:opacity-100 text-primary text-xs leading-[20px] before:h-[2px] after:h-[2px] macos:before:h-[1px] macos:after:h-[3px] font-medium before:hidden after:hidden before:w-0 after:w-0 border-0 outline-offset-[4px] p-0 rounded-full w-4 h-4 flex-none"
76
+ data-rac="" id="react-aria275014254-:r1c:">
77
+ <span class="relative block max-w-full w-full h-full">
78
+ <span class="flex items-center gap-2 w-full h-full" id=":r1a:">
79
+ <span class="after:inset-[-8px] w-full h-full flex relative after:absolute after:cursor-pointer group-disabled:after:cursor-not-allowed">
80
+ <div data-testid="svg-mask" class="[&amp;>svg]:stroke-current [&amp;>svg]:w-full [&amp;>svg]:h-full text-current flex-none aspect-square flex items-center justify-center w-[unset] h-[unset] mb-[unset]"
81
+ style="background-color: currentcolor; mask-image: url(&quot;data:image/svg+xml,%3csvg%20height='16'%20width='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7'%20y='2'%20width='2'%20height='12'%20fill='black'%20transform='rotate(45%208%208)'%20rx='1'%20/%3e%3crect%20x='2'%20y='7'%20width='12'%20height='2'%20fill='black'%20transform='rotate(45%208%208)'%20rx='1'%20/%3e%3c/svg%3e&quot;); mask-position: center center; mask-repeat: no-repeat; mask-size: contain;">
82
+ <img alt="" src="data:image/svg+xml,%3csvg%20height='16'%20width='16'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7'%20y='2'%20width='2'%20height='12'%20fill='black'%20transform='rotate(45%208%208)'%20rx='1'%20/%3e%3crect%20x='2'%20y='7'%20width='12'%20height='2'%20fill='black'%20transform='rotate(45%208%208)'%20rx='1'%20/%3e%3c/svg%3e"
83
+ class="pointer-events-none opacity-0" draggable="false" loading="eager">
84
+ </div>
85
+ </span>
86
+ </span>
87
+ </span>
88
+ </button>
89
+ </div>
90
+ </div>
91
+ </div>
92
+ </label>
93
+ </div>
94
+ </form>
95
+ </div>
96
+ <div id="enso-portal-root" class="enso-portal-root"></div>