src/Explorer.js
function setListAndStageOrder(element) {
  const proxyListPosition = element.state.proxyListPosition;
  const rightToLeft = element[symbols.rightToLeft];
  const listInInitialPosition =
      proxyListPosition === 'top' ||
      proxyListPosition === 'start' ||
      proxyListPosition === 'left' && !rightToLeft ||
      proxyListPosition === 'right' && rightToLeft;
  const container = element.$.explorerContainer;
  const stage = findChildContainingNode(container, element.$.stage);
  const list = findChildContainingNode(container, element.$.proxyList);
  const firstElement = listInInitialPosition ? list : stage;
  const lastElement = listInInitialPosition ? stage : list;
  if (firstElement.nextElementSibling !== lastElement) {
    element.$.explorerContainer.insertBefore(firstElement, lastElement);
  }
}
function setListAndStageOrder(element) {
  const proxyListPosition = element.state.proxyListPosition;
  const rightToLeft = element[symbols.rightToLeft];
  const listInInitialPosition =
      proxyListPosition === 'top' ||
      proxyListPosition === 'start' ||
      proxyListPosition === 'left' && !rightToLeft ||
      proxyListPosition === 'right' && rightToLeft;
  const container = element.$.explorerContainer;
  const stage = findChildContainingNode(container, element.$.stage);
  const list = findChildContainingNode(container, element.$.proxyList);
  const firstElement = listInInitialPosition ? list : stage;
  const lastElement = listInInitialPosition ? stage : list;
  if (firstElement.nextElementSibling !== lastElement) {
    element.$.explorerContainer.insertBefore(firstElement, lastElement);
  }
}
function setListAndStageOrder ( element ) { const proxyListPosition = element . state . proxyListPosition ; const rightToLeft = element [ symbols . rightToLeft ] ; const listInInitialPosition = proxyListPosition === 'top' || proxyListPosition === 'start' || proxyListPosition === 'left' && ! rightToLeft || proxyListPosition === 'right' && rightToLeft ; const container = element . $ . explorerContainer ; const stage = findChildContainingNode ( container , element . $ . stage ) ; const list = findChildContainingNode ( container , element . $ . proxyList ) ; const firstElement = listInInitialPosition ? list : stage ; const lastElement = listInInitialPosition ? stage : list ; if ( firstElement . nextElementSibling !== lastElement ) { element . $ . explorerContainer . insertBefore ( firstElement , lastElement ) ; } }
Physically reorder the list and stage to reflect the desired arrangement. We could change the visual appearance by reversing the order of the flex box, but then the visual order wouldn't reflect the document order, which determines focus order. That would surprise a user trying to tab through the controls.
Physically reorder the list and stage to reflect the desired arrangement . We could change the visual appearance by reversing the order of the flex box but then the visual order wouldn t reflect the document order which determines focus order . That would surprise a user trying to tab through the controls .