<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Set focus to calcite panel when expanded in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/set-focus-to-calcite-panel-when-expanded/m-p/1322769#M82086</link>
    <description>&lt;P&gt;Is there a way to set focus to the calcite panel when shellpanel.collapsed = false?&amp;nbsp; For those using keyboard navigation, you can tab to the menu and hit enter to open the panel however you have to tab through the rest of the menu to reach the open panel.&amp;nbsp; See this example&amp;nbsp;&lt;A href="https://codepen.io/msamwill/pen/BavobyW" target="_blank"&gt;A Pen by msamwill (codepen.io)&lt;/A&gt;&lt;/P&gt;&lt;P&gt;Can something be added to code below to set focus to the&amp;nbsp;&lt;/P&gt;&lt;P&gt;//AMW this fires when opening a widget panel&lt;BR /&gt;const nextWidget = target.dataset.actionId;&lt;BR /&gt;if (nextWidget !== activeWidget) {&lt;BR /&gt;document.querySelector(`[data-action-id=${nextWidget}]`).active = true;&lt;BR /&gt;document.querySelector(`[data-panel-id=${nextWidget}]`).hidden = false;&lt;BR /&gt;activeWidget = nextWidget;&lt;BR /&gt;} else {&lt;BR /&gt;activeWidget = null;&lt;BR /&gt;}&lt;/P&gt;</description>
    <pubDate>Sat, 26 Aug 2023 14:25:26 GMT</pubDate>
    <dc:creator>AnnaWilliams</dc:creator>
    <dc:date>2023-08-26T14:25:26Z</dc:date>
    <item>
      <title>Set focus to calcite panel when expanded</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/set-focus-to-calcite-panel-when-expanded/m-p/1322769#M82086</link>
      <description>&lt;P&gt;Is there a way to set focus to the calcite panel when shellpanel.collapsed = false?&amp;nbsp; For those using keyboard navigation, you can tab to the menu and hit enter to open the panel however you have to tab through the rest of the menu to reach the open panel.&amp;nbsp; See this example&amp;nbsp;&lt;A href="https://codepen.io/msamwill/pen/BavobyW" target="_blank"&gt;A Pen by msamwill (codepen.io)&lt;/A&gt;&lt;/P&gt;&lt;P&gt;Can something be added to code below to set focus to the&amp;nbsp;&lt;/P&gt;&lt;P&gt;//AMW this fires when opening a widget panel&lt;BR /&gt;const nextWidget = target.dataset.actionId;&lt;BR /&gt;if (nextWidget !== activeWidget) {&lt;BR /&gt;document.querySelector(`[data-action-id=${nextWidget}]`).active = true;&lt;BR /&gt;document.querySelector(`[data-panel-id=${nextWidget}]`).hidden = false;&lt;BR /&gt;activeWidget = nextWidget;&lt;BR /&gt;} else {&lt;BR /&gt;activeWidget = null;&lt;BR /&gt;}&lt;/P&gt;</description>
      <pubDate>Sat, 26 Aug 2023 14:25:26 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/set-focus-to-calcite-panel-when-expanded/m-p/1322769#M82086</guid>
      <dc:creator>AnnaWilliams</dc:creator>
      <dc:date>2023-08-26T14:25:26Z</dc:date>
    </item>
  </channel>
</rss>

