@@ -40,7 +40,7 @@ export default function DropdownScenario() {
4040 </ Button >
4141 }
4242 open = { openParent1 }
43- onDropdownClose = { ( ) => setOpenParent1 ( false ) }
43+ onOutsideClick = { ( ) => setOpenParent1 ( false ) }
4444 content = {
4545 < ul className = { styles . list } >
4646 < li id = "childDropdown1" >
@@ -53,7 +53,7 @@ export default function DropdownScenario() {
5353 </ div >
5454 }
5555 open = { openChild1 }
56- onDropdownClose = { ( ) => setOpenChild1 ( false ) }
56+ onOutsideClick = { ( ) => setOpenChild1 ( false ) }
5757 content = { < ListContent n = { 5 } withSpaces = { true } repeat = { 8 } /> }
5858 />
5959 </ li >
@@ -72,7 +72,7 @@ export default function DropdownScenario() {
7272 </ Button >
7373 }
7474 open = { openParent2 }
75- onDropdownClose = { ( ) => setOpenParent2 ( false ) }
75+ onOutsideClick = { ( ) => setOpenParent2 ( false ) }
7676 content = {
7777 < ul className = { styles . list } style = { { overflowY : 'auto' , blockSize : '100px' } } >
7878 < li id = "childDropdown2" >
@@ -85,7 +85,7 @@ export default function DropdownScenario() {
8585 </ div >
8686 }
8787 open = { openChild2 }
88- onDropdownClose = { ( ) => setOpenChild2 ( false ) }
88+ onOutsideClick = { ( ) => setOpenChild2 ( false ) }
8989 content = { < ListContent n = { 5 } withSpaces = { true } repeat = { 8 } /> }
9090 />
9191 </ li >
@@ -104,7 +104,7 @@ export default function DropdownScenario() {
104104 </ Button >
105105 }
106106 open = { openParent3 }
107- onDropdownClose = { ( ) => setOpenParent3 ( false ) }
107+ onOutsideClick = { ( ) => setOpenParent3 ( false ) }
108108 content = {
109109 < ul className = { styles . list } >
110110 < li id = "childDropdown3" >
@@ -117,7 +117,7 @@ export default function DropdownScenario() {
117117 </ div >
118118 }
119119 open = { openChild3 }
120- onDropdownClose = { ( ) => setOpenChild3 ( false ) }
120+ onOutsideClick = { ( ) => setOpenChild3 ( false ) }
121121 content = { < ListContent n = { 5 } withSpaces = { true } repeat = { 8 } /> }
122122 />
123123 </ li >
@@ -140,7 +140,7 @@ export default function DropdownScenario() {
140140 </ Button >
141141 }
142142 open = { openParent4 }
143- onDropdownClose = { ( ) => setOpenParent4 ( false ) }
143+ onOutsideClick = { ( ) => setOpenParent4 ( false ) }
144144 content = {
145145 < ul className = { styles . list } >
146146 < li id = "childDropdown4" >
@@ -153,7 +153,7 @@ export default function DropdownScenario() {
153153 </ div >
154154 }
155155 open = { openChild4 }
156- onDropdownClose = { ( ) => setOpenChild4 ( false ) }
156+ onOutsideClick = { ( ) => setOpenChild4 ( false ) }
157157 content = { < ListContent n = { 5 } withSpaces = { true } repeat = { 8 } /> }
158158 />
159159 </ li >
0 commit comments