6:[["$","h1",null,{"id":"how-to-disable-focus-outside-of-a-modal","children":[[["$","a","link-how-to-disable-focus-outside-of-a-modal",{"href":"#how-to-disable-focus-outside-of-a-modal","className":"anchor"}]],"How to disable focus outside of a modal"]}],"\n",["$","h2",null,{"id":"options","children":[[["$","a","link-options",{"href":"#options","className":"anchor"}]],"Options"]}],"\n",["$","ol",null,{"children":["\n",["$","li",null,{"children":["\n",["$","p",null,{"children":["Use ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"el.inert = true"}}]," on any high level non-modal div to disable that tree completely.\nYou need to enable this when the modal opens and disable it when it closes."]}],"\n"]}],"\n",["$","li",null,{"children":["\n",["$","p",null,{"children":"When you tab on last focusable modal element, you could return to 1st element"}],"\n"]}],"\n"]}],"\n",["$","p",null,{"children":"I prefer solution 1), because it doesn't keep browser controls from being focusable."}]] e:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":" How to disable focus outside of a modal | Jamis Charles"}],["$","meta","3",{"name":"robots","content":"index, follow"}],["$","meta","4",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","meta","5",{"property":"og:title","content":" How to disable focus outside of

TIL > accessibility >

How to disable focus outside of a modal

Options