@rdlabo/ionic-theme-ios27 1.2.0-beta.pr246.sha237333ceac21 → 1.2.0-beta.pr247.sha7c9dedc408a0

package/dist/native/vertical-bars-web.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-bars-web.js","names":[],"sources":["../../src/native/vertical-bars-web.ts"],"sourcesContent":["import { inVerticalBarsSurface, topModal } from './shared/modal';\nimport type { NativeUIShellHandle, NativeUIShellOptions, NativeUIShellStatus } from './definitions';\nimport { VERTICAL_BARS_TRANSITION_CANCELED } from '../native-integration';\nimport {\n  activateProjectedElement,\n  createVerticalBarsPageState,\n  verticalBarsActionCandidate,\n  verticalBarsBackCandidate,\n  verticalBarsEnteringPage,\n  verticalBarsToolbarActions,\n  isExcluded,\n  isVerticalBarsToolbarGroup,\n  preferredVerticalBarsBack,\n  verticalBarsOwned,\n  marker,\n  prehideOnlyMutation,\n  prehiddenClass,\n  unprojected,\n  withoutPrehide,\n} from './shared/dom';\n\nconst backProjectionClass = 'ios-theme-vertical-bars-back-button-projection';\nconst toolbarProjectionClass = 'ios-theme-vertical-bars-toolbar-projection';\nconst readyClass = 'ios-theme-vertical-bars-toolbar-ready';\nconst toolbarControlSize = 46;\nconst toolbarControlGap = 10;\n\ninterface ToolbarProjection {\n  source: HTMLIonButtonsElement;\n  projection: HTMLElement;\n  actions: { source: HTMLElement; projection: HTMLElement; previousAriaHidden: string | null }[];\n}\n\ninterface ToolbarSource {\n  group: HTMLIonButtonsElement;\n  actions: HTMLElement[];\n}\n\nexport const createVerticalBarsWebProjection = (\n  doc: Document,\n  options: NativeUIShellOptions,\n  enabled: () => boolean = () => true,\n): NativeUIShellHandle => {\n  const win = doc.defaultView!;\n  if (options.controls !== undefined && options.controls.toolbar !== true)\n    return {\n      getStatus: () => ({ state: 'web', projected: 0, updates: 0 }),\n      suspend: async () => ({ resume: async () => {} }),\n      destroy: async () => {},\n    };\n  let root: HTMLElement | undefined;\n  let backSource: HTMLIonBackButtonElement | undefined;\n  let backProjection: HTMLIonBackButtonElement | undefined;\n  let previousBackAriaHidden: string | null = null;\n  let toolbarProjections: ToolbarProjection[] = [];\n  let suspended = 0;\n  let stopped = false;\n  let frame = 0;\n  let updates = 0;\n  let observingVerticalBars = false;\n  const verticalBarsPages = createVerticalBarsPageState();\n  let sourceObserver: MutationObserver | undefined;\n  let waiters: (() => void)[] = [];\n  const listeners = new AbortController();\n  const verticalBarsRoot = () => doc.querySelector<HTMLElement>('ion-app.ios-theme-vertical-bars');\n  const projectedSources = () =>\n    [backSource, ...toolbarProjections.flatMap(({ actions }) => actions.map(({ source }) => source))].filter(\n      (source): source is HTMLElement => !!source,\n    );\n  const isRendered = (element: HTMLElement) =>\n    withoutPrehide(element, () => {\n      const style = getComputedStyle(element);\n      const rect = element.getBoundingClientRect();\n      return element.isConnected && style.display !== 'none' && style.visibility === 'visible' && rect.width > 0 && rect.height > 0;\n    });\n  const inEligibleToolbar = (element: HTMLElement) =>\n    !!verticalBarsRoot()?.contains(element) &&\n    inVerticalBarsSurface(element) &&\n    verticalBarsActionCandidate(element) &&\n    !isExcluded(element, verticalBarsEnteringPage(element)) &&\n    !verticalBarsPages.isDeparted(element);\n  const isEligibleBack = (element: HTMLIonBackButtonElement) =>\n    !!verticalBarsRoot()?.contains(element) &&\n    inVerticalBarsSurface(element) &&\n    verticalBarsOwned(element) &&\n    verticalBarsBackCandidate(element) &&\n    !isExcluded(element, verticalBarsEnteringPage(element)) &&\n    !verticalBarsPages.isDeparted(element) &&\n    unprojected(projectedSources(), () => isRendered(element));\n  const pageOrder = (element: Element) => Array.from(doc.querySelectorAll('.ion-page')).indexOf(element.closest('.ion-page')!);\n  const findBack = () => {\n    const candidates = Array.from(doc.querySelectorAll<HTMLIonBackButtonElement>(`ion-back-button:not(.${backProjectionClass})`)).filter(\n      isEligibleBack,\n    );\n    return preferredVerticalBarsBack(candidates, doc);\n  };\n  const findToolbarGroups = () => {\n    const candidates = Array.from(doc.querySelectorAll<HTMLIonButtonsElement>(`ion-buttons:not(.${toolbarProjectionClass})`)).flatMap(\n      (group): ToolbarSource[] => {\n        const actions = verticalBarsToolbarActions(group).filter((action) => unprojected(projectedSources(), () => isRendered(action)));\n        if (!actions.length) return [];\n        if (!isVerticalBarsToolbarGroup(group)) return actions.filter(inEligibleToolbar).map((action) => ({ group, actions: [action] }));\n        return inEligibleToolbar(group) && unprojected(projectedSources(), () => isRendered(group)) ? [{ group, actions }] : [];\n      },\n    );\n    const highestPage = Math.max(...candidates.map(({ group }) => pageOrder(group)));\n    return candidates.filter(({ group }) => pageOrder(group) === highestPage);\n  };\n  const isCurrentToolbarAction = (source: HTMLElement) => findToolbarGroups().some(({ actions }) => actions.includes(source));\n  const restore = () => {\n    backProjection?.remove();\n    backProjection = undefined;\n    if (backSource) {\n      backSource.removeAttribute(marker);\n      if (previousBackAriaHidden === null) backSource.removeAttribute('aria-hidden');\n      else backSource.setAttribute('aria-hidden', previousBackAriaHidden);\n      backSource.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n    }\n    backSource = undefined;\n    previousBackAriaHidden = null;\n    for (const { projection, actions } of toolbarProjections) {\n      projection.remove();\n      for (const { source, previousAriaHidden } of actions) {\n        source.removeAttribute(marker);\n        if (previousAriaHidden === null) source.removeAttribute('aria-hidden');\n        else source.setAttribute('aria-hidden', previousAriaHidden);\n        source.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n      }\n    }\n    toolbarProjections = [];\n    sourceObserver?.disconnect();\n    sourceObserver = undefined;\n    root?.classList.remove(readyClass);\n    root = undefined;\n  };\n  const copyAttributes = (target: HTMLElement, original: HTMLElement) => {\n    for (const name of ['id', 'slot', marker, 'aria-hidden']) target.removeAttribute(name);\n    for (const attribute of Array.from(target.attributes))\n      if (!['class', marker].includes(attribute.name) && !original.hasAttribute(attribute.name)) target.removeAttribute(attribute.name);\n    for (const attribute of Array.from(original.attributes))\n      if (!['id', 'slot', marker, 'aria-hidden'].includes(attribute.name)) target.setAttribute(attribute.name, attribute.value);\n    target.classList.remove(prehiddenClass);\n  };\n  const syncBack = (target: HTMLIonBackButtonElement, original: HTMLIonBackButtonElement) => {\n    copyAttributes(target, original);\n    target.classList.add(backProjectionClass, 'ion-cloned-element');\n    target.disabled = original.disabled;\n    target.defaultHref = original.defaultHref;\n    target.icon = original.icon;\n    target.color = original.color;\n    target.mode = original.mode;\n    target.text = '';\n  };\n  const syncAction = (target: HTMLElement, original: HTMLElement) => {\n    copyAttributes(target, original);\n    target.classList.add('ios-theme-vertical-bars-toolbar-action', 'ion-cloned-element');\n    const label =\n      original.getAttribute('aria-label') ??\n      original.shadowRoot?.querySelector('[part~=native]')?.getAttribute('aria-label') ??\n      original.textContent?.trim();\n    if (label) target.setAttribute('aria-label', label);\n    if ('disabled' in original) (target as HTMLIonButtonElement).disabled = (original as HTMLIonButtonElement).disabled;\n    if (original.matches('ion-button')) {\n      const icon = original.querySelector<HTMLElement>('ion-icon, svg');\n      const clonedIcon = icon?.cloneNode(true) as HTMLElement | undefined;\n      clonedIcon?.setAttribute('slot', 'icon-only');\n      target.replaceChildren(...(clonedIcon ? [clonedIcon] : []));\n    }\n  };\n  const sameSources = (back: HTMLIonBackButtonElement | undefined, groups: ToolbarSource[]) =>\n    back === backSource &&\n    groups.length === toolbarProjections.length &&\n    groups.every(({ group, actions }, index) => {\n      const current = toolbarProjections[index];\n      return (\n        group === current.source &&\n        actions.length === current.actions.length &&\n        actions.every((action, actionIndex) => action === current.actions[actionIndex].source)\n      );\n    });\n  const syncExisting = () => {\n    if (backSource && backProjection) syncBack(backProjection, backSource);\n    let topOffset = backSource ? toolbarControlSize + toolbarControlGap : 0;\n    for (const { projection, source, actions } of toolbarProjections) {\n      if (actions.length === 1 && !projection.matches('ion-buttons')) syncAction(projection, actions[0].source);\n      else copyAttributes(projection, source);\n      projection.classList.add(toolbarProjectionClass, 'ion-cloned-element');\n      projection.style.setProperty('--ios-theme-vertical-bars-toolbar-offset', `${topOffset}px`);\n      if (projection.matches('ion-buttons')) actions.forEach(({ source: action, projection: clone }) => syncAction(clone, action));\n      topOffset += actions.length * toolbarControlSize + toolbarControlGap;\n    }\n  };\n  const project = (nextBack: HTMLIonBackButtonElement | undefined, groups: ToolbarSource[]) => {\n    root = topModal(doc) ?? verticalBarsRoot()!;\n    let topOffset = 0;\n    if (nextBack) {\n      backSource = nextBack;\n      previousBackAriaHidden = nextBack.getAttribute('aria-hidden');\n      backProjection = nextBack.cloneNode(false) as HTMLIonBackButtonElement;\n      syncBack(backProjection, nextBack);\n      backProjection.addEventListener(\n        'click',\n        (event) => {\n          event.preventDefault();\n          event.stopImmediatePropagation();\n          if (backSource && backSource === findBack()) activateProjectedElement(backSource);\n        },\n        { capture: true },\n      );\n      root.append(backProjection);\n      nextBack.setAttribute(marker, '');\n      nextBack.setAttribute('aria-hidden', 'true');\n      nextBack.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n      topOffset = toolbarControlSize + toolbarControlGap;\n    }\n    for (const { group, actions: sources } of groups) {\n      const projection = (sources.length === 1 ? sources[0] : group).cloneNode(false) as HTMLElement;\n      if (sources.length === 1) syncAction(projection, sources[0]);\n      else copyAttributes(projection, group);\n      projection.classList.add(toolbarProjectionClass, 'ion-cloned-element');\n      projection.style.setProperty('--ios-theme-vertical-bars-toolbar-offset', `${topOffset}px`);\n      const actions = sources.map((source) => {\n        const clone = sources.length === 1 ? projection : (source.cloneNode(false) as HTMLElement);\n        if (sources.length > 1) syncAction(clone, source);\n        clone.addEventListener(\n          'click',\n          (event) => {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            if (isCurrentToolbarAction(source)) activateProjectedElement(source);\n          },\n          { capture: true },\n        );\n        if (sources.length > 1) projection.append(clone);\n        const previousAriaHidden = source.getAttribute('aria-hidden');\n        source.setAttribute(marker, '');\n        source.setAttribute('aria-hidden', 'true');\n        source.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n        return { source, projection: clone, previousAriaHidden };\n      });\n      root.append(projection);\n      toolbarProjections.push({ source: group, projection, actions });\n      topOffset += actions.length * toolbarControlSize + toolbarControlGap;\n    }\n    if (nextBack || toolbarProjections.length) root.classList.add(readyClass);\n    sourceObserver = new MutationObserver((records) => {\n      if (\n        records.some(\n          (record) =>\n            record.type !== 'attributes' || (![marker, 'aria-hidden'].includes(record.attributeName ?? '') && !prehideOnlyMutation(record)),\n        )\n      )\n        schedule();\n    });\n    if (nextBack?.shadowRoot)\n      sourceObserver.observe(nextBack.shadowRoot, { subtree: true, childList: true, attributes: true, attributeOldValue: true });\n    for (const { group } of groups)\n      sourceObserver.observe(group, { subtree: true, childList: true, attributes: true, attributeOldValue: true });\n  };\n  const performUpdate = () => {\n    frame = 0;\n    const currentRoot = verticalBarsRoot();\n    if (observingVerticalBars !== !!currentRoot) {\n      observingVerticalBars = !!currentRoot;\n      observer.disconnect();\n      observer.observe(doc.documentElement, {\n        subtree: true,\n        childList: true,\n        attributes: true,\n        attributeOldValue: true,\n        attributeFilter: observingVerticalBars ? undefined : ['class'],\n      });\n    }\n    if (stopped || suspended || !currentRoot || !enabled()) return restore();\n    const nextBack = findBack();\n    const groups = findToolbarGroups();\n    if (!nextBack && !groups.length) return restore();\n    if (root === (topModal(doc) ?? currentRoot) && sameSources(nextBack, groups)) return syncExisting();\n    restore();\n    project(nextBack, groups);\n    updates++;\n  };\n  const update = () => {\n    try {\n      performUpdate();\n    } catch {\n      restore();\n    } finally {\n      const pending = waiters;\n      waiters = [];\n      pending.forEach((resolve) => resolve());\n    }\n  };\n  const schedule = (): Promise<void> => {\n    if (stopped) return Promise.resolve();\n    // Release Web ownership before the native runtime can acknowledge its next frame.\n    if (!enabled()) restore();\n    const done = new Promise<void>((resolve) => waiters.push(resolve));\n    if (!frame) frame = win.requestAnimationFrame(update);\n    return done;\n  };\n  const observer = new MutationObserver((records) => {\n    const insideProjection = (target: Node) => {\n      const element = target instanceof Element ? target : target.parentNode instanceof Element ? target.parentNode : undefined;\n      const rootNode = target.getRootNode();\n      const shadowHost = rootNode instanceof ShadowRoot ? rootNode.host : undefined;\n      return !![element, shadowHost].some((candidate) => candidate?.closest(`.${backProjectionClass}, .${toolbarProjectionClass}`));\n    };\n    const verticalBarsChanged = records.some(\n      (record) =>\n        (record.type === 'attributes' && (record.target as Element).matches('ion-app')) ||\n        (record.type === 'childList' &&\n          Array.from(record.addedNodes).some(\n            (node) =>\n              node instanceof Element &&\n              (node.matches('ion-app.ios-theme-vertical-bars') || !!node.querySelector('ion-app.ios-theme-vertical-bars')),\n          )),\n    );\n    if (\n      (observingVerticalBars &&\n        records.some((record) => record.attributeName !== marker && !prehideOnlyMutation(record) && !insideProjection(record.target))) ||\n      (!observingVerticalBars && verticalBarsChanged && records.some((record) => !prehideOnlyMutation(record)))\n    )\n      schedule();\n  });\n  observer.observe(doc.documentElement, {\n    subtree: true,\n    childList: true,\n    attributes: true,\n    attributeOldValue: true,\n    attributeFilter: ['class'],\n  });\n  const pageLifecycle = (event: Event) => {\n    const page = event.target;\n    if (!(page instanceof HTMLElement) || !page.matches('.ion-page')) return;\n    if (event.type === VERTICAL_BARS_TRANSITION_CANCELED) {\n      const entering = (event as CustomEvent<{ entering?: HTMLElement }>).detail?.entering;\n      verticalBarsPages.cancel(entering, page);\n    } else verticalBarsPages.lifecycle(event);\n    if (verticalBarsRoot()) schedule();\n  };\n  for (const name of ['ionViewWillEnter', 'ionViewWillLeave', 'ionViewDidEnter', 'ionViewDidLeave'])\n    doc.addEventListener(name, pageLifecycle, { capture: true, signal: listeners.signal });\n  doc.addEventListener(VERTICAL_BARS_TRANSITION_CANCELED, pageLifecycle, { capture: true, signal: listeners.signal });\n  for (const name of ['ionModalWillPresent', 'ionModalDidDismiss'])\n    doc.addEventListener(name, schedule, { capture: true, signal: listeners.signal });\n  win.addEventListener('resize', schedule, { signal: listeners.signal });\n  win.addEventListener('nativeUIShellRefresh', schedule, { signal: listeners.signal });\n  schedule();\n\n  return {\n    getStatus: (): NativeUIShellStatus => ({\n      state: stopped ? 'stopped' : 'web',\n      projected: Number(!!backSource) + toolbarProjections.reduce((count, group) => count + group.actions.length, 0),\n      updates,\n    }),\n    async suspend() {\n      suspended++;\n      restore();\n      let resumed = false;\n      return {\n        async resume() {\n          if (resumed) return;\n          resumed = true;\n          suspended = Math.max(0, suspended - 1);\n          if (!suspended) await schedule();\n        },\n      };\n    },\n    async destroy() {\n      if (stopped) return;\n      stopped = true;\n      win.cancelAnimationFrame(frame);\n      frame = 0;\n      waiters.forEach((resolve) => resolve());\n      waiters = [];\n      observer.disconnect();\n      sourceObserver?.disconnect();\n      listeners.abort();\n      restore();\n    },\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"vertical-bars-web.js","names":[],"sources":["../../src/native/vertical-bars-web.ts"],"sourcesContent":["import { createVerticalBarsWebSearch, searchProjectionClass } from './vertical-bars-web-search';\nimport { inVerticalBarsSurface, topModal } from './shared/modal';\nimport type { NativeUIShellHandle, NativeUIShellOptions, NativeUIShellStatus } from './definitions';\nimport { VERTICAL_BARS_TRANSITION_CANCELED } from '../native-integration';\nimport {\n  activateProjectedElement,\n  createVerticalBarsPageState,\n  verticalBarsActionCandidate,\n  verticalBarsBackCandidate,\n  verticalBarsEnteringPage,\n  verticalBarsToolbarActions,\n  isExcluded,\n  isShellDisabled,\n  isVerticalBarsToolbarGroup,\n  preferredVerticalBarsBack,\n  verticalBarsOwned,\n  marker,\n  prehideOnlyMutation,\n  prehiddenClass,\n  unprojected,\n  withoutPrehide,\n} from './shared/dom';\n\nconst backProjectionClass = 'ios-theme-vertical-bars-back-button-projection';\nconst toolbarProjectionClass = 'ios-theme-vertical-bars-toolbar-projection';\nconst readyClass = 'ios-theme-vertical-bars-toolbar-ready';\nconst toolbarControlSize = 46;\nconst toolbarControlGap = 10;\n\ninterface ToolbarProjection {\n  source: HTMLIonButtonsElement;\n  projection: HTMLElement;\n  actions: { source: HTMLElement; projection: HTMLElement; previousAriaHidden: string | null }[];\n}\n\ninterface ToolbarSource {\n  group: HTMLIonButtonsElement;\n  actions: HTMLElement[];\n}\n\nexport const createVerticalBarsWebProjection = (\n  doc: Document,\n  options: NativeUIShellOptions,\n  enabled: () => boolean = () => true,\n): NativeUIShellHandle => {\n  const win = doc.defaultView!;\n  const toolbarEnabled = options.controls === undefined || options.controls.toolbar === true;\n  let root: HTMLElement | undefined;\n  let backSource: HTMLIonBackButtonElement | undefined;\n  let backProjection: HTMLIonBackButtonElement | undefined;\n  let previousBackAriaHidden: string | null = null;\n  let toolbarProjections: ToolbarProjection[] = [];\n  let suspended = 0;\n  let stopped = false;\n  let frame = 0;\n  let updates = 0;\n  let observingVerticalBars = false;\n  const verticalBarsPages = createVerticalBarsPageState();\n  let sourceObserver: MutationObserver | undefined;\n  let waiters: (() => void)[] = [];\n  const listeners = new AbortController();\n  const verticalBarsRoot = () => doc.querySelector<HTMLElement>('ion-app.ios-theme-vertical-bars');\n  const projectedSources = () =>\n    [backSource, search.source, ...toolbarProjections.flatMap(({ actions }) => actions.map(({ source }) => source))].filter(\n      (source): source is HTMLElement => !!source,\n    );\n  const isRendered = (element: HTMLElement) =>\n    withoutPrehide(element, () => {\n      const style = getComputedStyle(element);\n      const rect = element.getBoundingClientRect();\n      return element.isConnected && style.display !== 'none' && style.visibility === 'visible' && rect.width > 0 && rect.height > 0;\n    });\n  const search = createVerticalBarsWebSearch(\n    doc,\n    (element) =>\n      (options.controls === undefined || options.controls.tabs === true) &&\n      !!verticalBarsRoot()?.contains(element) &&\n      inVerticalBarsSurface(element) &&\n      !isExcluded(element, verticalBarsEnteringPage(element)) &&\n      !isShellDisabled(element) &&\n      !verticalBarsPages.isDeparted(element) &&\n      isRendered(element),\n    () => {\n      void schedule();\n    },\n  );\n  const inEligibleToolbar = (element: HTMLElement) =>\n    !!verticalBarsRoot()?.contains(element) &&\n    inVerticalBarsSurface(element) &&\n    verticalBarsActionCandidate(element) &&\n    !isExcluded(element, verticalBarsEnteringPage(element)) &&\n    !verticalBarsPages.isDeparted(element);\n  const isEligibleBack = (element: HTMLIonBackButtonElement) =>\n    !!verticalBarsRoot()?.contains(element) &&\n    inVerticalBarsSurface(element) &&\n    verticalBarsOwned(element) &&\n    verticalBarsBackCandidate(element) &&\n    !isExcluded(element, verticalBarsEnteringPage(element)) &&\n    !verticalBarsPages.isDeparted(element) &&\n    unprojected(projectedSources(), () => isRendered(element));\n  const pageOrder = (element: Element) => Array.from(doc.querySelectorAll('.ion-page')).indexOf(element.closest('.ion-page')!);\n  const findBack = () => {\n    const candidates = Array.from(doc.querySelectorAll<HTMLIonBackButtonElement>(`ion-back-button:not(.${backProjectionClass})`)).filter(\n      isEligibleBack,\n    );\n    return preferredVerticalBarsBack(candidates, doc);\n  };\n  const findToolbarGroups = () => {\n    const candidates = Array.from(doc.querySelectorAll<HTMLIonButtonsElement>(`ion-buttons:not(.${toolbarProjectionClass})`)).flatMap(\n      (group): ToolbarSource[] => {\n        const actions = verticalBarsToolbarActions(group).filter((action) => unprojected(projectedSources(), () => isRendered(action)));\n        if (!actions.length) return [];\n        if (!isVerticalBarsToolbarGroup(group)) return actions.filter(inEligibleToolbar).map((action) => ({ group, actions: [action] }));\n        return inEligibleToolbar(group) && unprojected(projectedSources(), () => isRendered(group)) ? [{ group, actions }] : [];\n      },\n    );\n    const highestPage = Math.max(...candidates.map(({ group }) => pageOrder(group)));\n    return candidates.filter(({ group }) => pageOrder(group) === highestPage);\n  };\n  const isCurrentToolbarAction = (source: HTMLElement) => findToolbarGroups().some(({ actions }) => actions.includes(source));\n  const restore = () => {\n    search.restore();\n    backProjection?.remove();\n    backProjection = undefined;\n    if (backSource) {\n      backSource.removeAttribute(marker);\n      if (previousBackAriaHidden === null) backSource.removeAttribute('aria-hidden');\n      else backSource.setAttribute('aria-hidden', previousBackAriaHidden);\n      backSource.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n    }\n    backSource = undefined;\n    previousBackAriaHidden = null;\n    for (const { projection, actions } of toolbarProjections) {\n      projection.remove();\n      for (const { source, previousAriaHidden } of actions) {\n        source.removeAttribute(marker);\n        if (previousAriaHidden === null) source.removeAttribute('aria-hidden');\n        else source.setAttribute('aria-hidden', previousAriaHidden);\n        source.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n      }\n    }\n    toolbarProjections = [];\n    sourceObserver?.disconnect();\n    sourceObserver = undefined;\n    root?.classList.remove(readyClass);\n    root = undefined;\n  };\n  const copyAttributes = (target: HTMLElement, original: HTMLElement) => {\n    for (const name of ['id', 'slot', marker, 'aria-hidden']) target.removeAttribute(name);\n    for (const attribute of Array.from(target.attributes))\n      if (!['class', marker].includes(attribute.name) && !original.hasAttribute(attribute.name)) target.removeAttribute(attribute.name);\n    for (const attribute of Array.from(original.attributes))\n      if (!['id', 'slot', marker, 'aria-hidden'].includes(attribute.name)) target.setAttribute(attribute.name, attribute.value);\n    target.classList.remove(prehiddenClass);\n  };\n  const syncBack = (target: HTMLIonBackButtonElement, original: HTMLIonBackButtonElement) => {\n    copyAttributes(target, original);\n    target.classList.add(backProjectionClass, 'ion-cloned-element');\n    target.disabled = original.disabled;\n    target.defaultHref = original.defaultHref;\n    target.icon = original.icon;\n    target.color = original.color;\n    target.mode = original.mode;\n    target.text = '';\n  };\n  const syncAction = (target: HTMLElement, original: HTMLElement) => {\n    copyAttributes(target, original);\n    target.classList.add('ios-theme-vertical-bars-toolbar-action', 'ion-cloned-element');\n    const label =\n      original.getAttribute('aria-label') ??\n      original.shadowRoot?.querySelector('[part~=native]')?.getAttribute('aria-label') ??\n      original.textContent?.trim();\n    if (label) target.setAttribute('aria-label', label);\n    if ('disabled' in original) (target as HTMLIonButtonElement).disabled = (original as HTMLIonButtonElement).disabled;\n    if (original.matches('ion-button')) {\n      const icon = original.querySelector<HTMLElement>('ion-icon, svg');\n      const clonedIcon = icon?.cloneNode(true) as HTMLElement | undefined;\n      clonedIcon?.setAttribute('slot', 'icon-only');\n      target.replaceChildren(...(clonedIcon ? [clonedIcon] : []));\n    }\n  };\n  const sameSources = (back: HTMLIonBackButtonElement | undefined, groups: ToolbarSource[]) =>\n    back === backSource &&\n    groups.length === toolbarProjections.length &&\n    groups.every(({ group, actions }, index) => {\n      const current = toolbarProjections[index];\n      return (\n        group === current.source &&\n        actions.length === current.actions.length &&\n        actions.every((action, actionIndex) => action === current.actions[actionIndex].source)\n      );\n    });\n  const syncExisting = () => {\n    if (backSource && backProjection) syncBack(backProjection, backSource);\n    let topOffset = backSource ? toolbarControlSize + toolbarControlGap : 0;\n    for (const { projection, source, actions } of toolbarProjections) {\n      if (actions.length === 1 && !projection.matches('ion-buttons')) syncAction(projection, actions[0].source);\n      else copyAttributes(projection, source);\n      projection.classList.add(toolbarProjectionClass, 'ion-cloned-element');\n      projection.style.setProperty('--ios-theme-vertical-bars-toolbar-offset', `${topOffset}px`);\n      if (projection.matches('ion-buttons')) actions.forEach(({ source: action, projection: clone }) => syncAction(clone, action));\n      topOffset += actions.length * toolbarControlSize + toolbarControlGap;\n    }\n  };\n  const project = (nextBack: HTMLIonBackButtonElement | undefined, groups: ToolbarSource[]) => {\n    root = topModal(doc) ?? verticalBarsRoot()!;\n    let topOffset = 0;\n    if (nextBack) {\n      backSource = nextBack;\n      previousBackAriaHidden = nextBack.getAttribute('aria-hidden');\n      backProjection = nextBack.cloneNode(false) as HTMLIonBackButtonElement;\n      syncBack(backProjection, nextBack);\n      backProjection.addEventListener(\n        'click',\n        (event) => {\n          event.preventDefault();\n          event.stopImmediatePropagation();\n          if (backSource && backSource === findBack()) activateProjectedElement(backSource);\n        },\n        { capture: true },\n      );\n      root.append(backProjection);\n      nextBack.setAttribute(marker, '');\n      nextBack.setAttribute('aria-hidden', 'true');\n      nextBack.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n      topOffset = toolbarControlSize + toolbarControlGap;\n    }\n    for (const { group, actions: sources } of groups) {\n      const projection = (sources.length === 1 ? sources[0] : group).cloneNode(false) as HTMLElement;\n      if (sources.length === 1) syncAction(projection, sources[0]);\n      else copyAttributes(projection, group);\n      projection.classList.add(toolbarProjectionClass, 'ion-cloned-element');\n      projection.style.setProperty('--ios-theme-vertical-bars-toolbar-offset', `${topOffset}px`);\n      const actions = sources.map((source) => {\n        const clone = sources.length === 1 ? projection : (source.cloneNode(false) as HTMLElement);\n        if (sources.length > 1) syncAction(clone, source);\n        clone.addEventListener(\n          'click',\n          (event) => {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            if (isCurrentToolbarAction(source)) activateProjectedElement(source);\n          },\n          { capture: true },\n        );\n        if (sources.length > 1) projection.append(clone);\n        const previousAriaHidden = source.getAttribute('aria-hidden');\n        source.setAttribute(marker, '');\n        source.setAttribute('aria-hidden', 'true');\n        source.dispatchEvent(new CustomEvent('nativeUIShellChange'));\n        return { source, projection: clone, previousAriaHidden };\n      });\n      root.append(projection);\n      toolbarProjections.push({ source: group, projection, actions });\n      topOffset += actions.length * toolbarControlSize + toolbarControlGap;\n    }\n    if (nextBack || toolbarProjections.length) root.classList.add(readyClass);\n    sourceObserver = new MutationObserver((records) => {\n      if (\n        records.some(\n          (record) =>\n            record.type !== 'attributes' || (![marker, 'aria-hidden'].includes(record.attributeName ?? '') && !prehideOnlyMutation(record)),\n        )\n      )\n        schedule();\n    });\n    if (nextBack?.shadowRoot)\n      sourceObserver.observe(nextBack.shadowRoot, { subtree: true, childList: true, attributes: true, attributeOldValue: true });\n    for (const { group } of groups)\n      sourceObserver.observe(group, { subtree: true, childList: true, attributes: true, attributeOldValue: true });\n  };\n  const performUpdate = () => {\n    frame = 0;\n    const currentRoot = verticalBarsRoot();\n    if (observingVerticalBars !== !!currentRoot) {\n      observingVerticalBars = !!currentRoot;\n      observer.disconnect();\n      observer.observe(doc.documentElement, {\n        subtree: true,\n        childList: true,\n        attributes: true,\n        attributeOldValue: true,\n        attributeFilter: observingVerticalBars ? undefined : ['class'],\n      });\n    }\n    if (stopped || suspended || !currentRoot || !enabled()) return restore();\n    const nextBack = toolbarEnabled ? findBack() : undefined;\n    const groups = toolbarEnabled ? findToolbarGroups() : [];\n    const projectionRoot = topModal(doc) ?? currentRoot;\n    search.update(projectionRoot);\n    if (!nextBack && !groups.length && !search.source) return restore();\n    if (root === (topModal(doc) ?? currentRoot) && sameSources(nextBack, groups)) return syncExisting();\n    restore();\n    project(nextBack, groups);\n    search.update(projectionRoot);\n    updates++;\n  };\n  const update = () => {\n    try {\n      performUpdate();\n    } catch {\n      restore();\n    } finally {\n      const pending = waiters;\n      waiters = [];\n      pending.forEach((resolve) => resolve());\n    }\n  };\n  const schedule = (): Promise<void> => {\n    if (stopped) return Promise.resolve();\n    // Release Web ownership before the native runtime can acknowledge its next frame.\n    if (!enabled()) restore();\n    const done = new Promise<void>((resolve) => waiters.push(resolve));\n    if (!frame) frame = win.requestAnimationFrame(update);\n    return done;\n  };\n  const observer = new MutationObserver((records) => {\n    const insideProjection = (target: Node) => {\n      const element = target instanceof Element ? target : target.parentNode instanceof Element ? target.parentNode : undefined;\n      const rootNode = target.getRootNode();\n      const shadowHost = rootNode instanceof ShadowRoot ? rootNode.host : undefined;\n      return !![element, shadowHost].some((candidate) =>\n        candidate?.closest(`.${backProjectionClass}, .${toolbarProjectionClass}, .${searchProjectionClass}`),\n      );\n    };\n    const verticalBarsChanged = records.some(\n      (record) =>\n        (record.type === 'attributes' && (record.target as Element).matches('ion-app')) ||\n        (record.type === 'childList' &&\n          Array.from(record.addedNodes).some(\n            (node) =>\n              node instanceof Element &&\n              (node.matches('ion-app.ios-theme-vertical-bars') || !!node.querySelector('ion-app.ios-theme-vertical-bars')),\n          )),\n    );\n    if (\n      (observingVerticalBars &&\n        records.some((record) => record.attributeName !== marker && !prehideOnlyMutation(record) && !insideProjection(record.target))) ||\n      (!observingVerticalBars && verticalBarsChanged && records.some((record) => !prehideOnlyMutation(record)))\n    )\n      schedule();\n  });\n  observer.observe(doc.documentElement, {\n    subtree: true,\n    childList: true,\n    attributes: true,\n    attributeOldValue: true,\n    attributeFilter: ['class'],\n  });\n  const pageLifecycle = (event: Event) => {\n    const page = event.target;\n    if (!(page instanceof HTMLElement) || !page.matches('.ion-page')) return;\n    if (event.type === VERTICAL_BARS_TRANSITION_CANCELED) {\n      const entering = (event as CustomEvent<{ entering?: HTMLElement }>).detail?.entering;\n      verticalBarsPages.cancel(entering, page);\n    } else verticalBarsPages.lifecycle(event);\n    if (verticalBarsRoot()) schedule();\n  };\n  for (const name of ['ionViewWillEnter', 'ionViewWillLeave', 'ionViewDidEnter', 'ionViewDidLeave'])\n    doc.addEventListener(name, pageLifecycle, { capture: true, signal: listeners.signal });\n  doc.addEventListener(VERTICAL_BARS_TRANSITION_CANCELED, pageLifecycle, { capture: true, signal: listeners.signal });\n  for (const name of ['ionModalWillPresent', 'ionModalDidDismiss'])\n    doc.addEventListener(name, schedule, { capture: true, signal: listeners.signal });\n  win.addEventListener('resize', schedule, { signal: listeners.signal });\n  win.addEventListener('nativeUIShellRefresh', schedule, { signal: listeners.signal });\n  schedule();\n\n  return {\n    getStatus: (): NativeUIShellStatus => ({\n      state: stopped ? 'stopped' : 'web',\n      projected:\n        Number(!!backSource) + Number(!!search.source) + toolbarProjections.reduce((count, group) => count + group.actions.length, 0),\n      updates,\n    }),\n    async suspend() {\n      suspended++;\n      restore();\n      let resumed = false;\n      return {\n        async resume() {\n          if (resumed) return;\n          resumed = true;\n          suspended = Math.max(0, suspended - 1);\n          if (!suspended) await schedule();\n        },\n      };\n    },\n    async destroy() {\n      if (stopped) return;\n      stopped = true;\n      win.cancelAnimationFrame(frame);\n      frame = 0;\n      waiters.forEach((resolve) => resolve());\n      waiters = [];\n      observer.disconnect();\n      sourceObserver?.disconnect();\n      listeners.abort();\n      restore();\n    },\n  };\n};\n"],"mappings":"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"}

package/docs/native-ui-shell.md

@@ -94,7 +94,7 @@ The native host accepts input only within native controls. Tab interaction and a
 
 Existing `attachTabBarSearchable(tabBar, fabButton, footer)` registrations automatically use native search when their bottom tab bar and glass search controls are supported. No new component option, route, native setup or page listener is required. Ordinary tab bars continue using `UITabBar`; horizontal searchable groups use a persistent `UITabBarController`, `UITab` / `UISearchTab`, and `UISearchController`. The original Capacitor WebView continues to render results and handle navigation.
 
-With vertical bars, the native rail keeps every tab and its selection. SwiftUI’s `searchable` and `searchToolbarBehavior(.minimize)` provide the system search button, field, dismissal control and transitions within the same native navigation surface. Apple determines their placement for the current device layout and focuses the native field when system search opens. Input, focus, clear and submit events use the same bridge as horizontal search. When native search is unavailable, the Web search presentation also preserves vertical tabs.
+With vertical bars, the native rail keeps every tab and its selection. SwiftUI’s `searchable` and `searchToolbarBehavior(.minimize)` provide the system search button, field, dismissal control and transitions within the same native navigation surface. Apple determines their placement for the current device layout and focuses the native field when system search opens. Input, focus, clear and submit events use the same bridge as horizontal search. As soon as vertical bars are enabled, the Web projection places the registered search button above visible vertical tabs, or at the bottom of the rail when the tabs are hidden, and forwards activation to the original FAB. Native search replaces that Web projection when available. The Web search presentation also preserves vertical tabs.
 
 Search registration does not bypass placement restrictions. Its searchbar and close button must be in fixed footer toolbars. Its trigger must belong to an `ion-fab[slot="fixed"]` directly inside `ion-content`, or directly on the existing non-scrolling `.ion-page` layout. A wrapper inside scrolling content is not a fixed slot.
 

package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellVerticalBars.swift

@@ -195,6 +195,12 @@ private struct ShellVerticalBarsPage: View {
     var body: some View {
         NavigationStack {
             Color.clear.modifier(ShellVerticalBarsToolbarAdapter(model: model))
+                .toolbar {
+                    if model.search?.configuration.available == true {
+                        // Let the system adapt bottom-bar search to the vertical rail.
+                        DefaultToolbarItem(kind: .search, placement: .bottomBar)
+                    }
+                }
         }
     }
 }
@@ -347,6 +353,13 @@ final class ShellVerticalBarsController: ShellVerticalBarsControlling {
             let hit = super.hitTest(point, with: event)
             let inRail = railEdge == "left" ? point.x <= railWidth : point.x >= bounds.maxX - railWidth
             if inRail { return hit }
+            // Expanded system search leaves the rail; its field and close button
+            // must receive touches instead of passing them through to the WebView.
+            var ancestor = hit
+            while let view = ancestor, view !== self {
+                if view is UIControl { return hit }
+                ancestor = view.superview
+            }
             guard hit != nil, containsBarSurface(at: point) else { return nil }
             return hit
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rdlabo/ionic-theme-ios27",
   "private": false,
-  "version": "1.2.0-beta.pr246.sha237333ceac21",
+  "version": "1.2.0-beta.pr247.sha7c9dedc408a0",
   "description": "iOS27 Theme for Ionic Framework",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/native/components/searchable-tabs.ts

@@ -202,7 +202,7 @@ export const createSearchSupport = (doc: Document, id: (element: Element) => str
       const retainInactive = (candidate: Candidate, state?: SearchState, keepAvailable = false) => {
         // Keep ShellSearchController across page transitions instead of demoting to UITabBar.
         // While the searchable page is only blocked mid-transition (not yet hidden), keep
-        // available:true so native chrome does not swap to ordinary idleBar over album content.
+        // available:true so the system search button stays available over album content.
         if (state?.last) inactive.push([candidate, { ...state.last, active: false, available: keepAvailable, focused: false }]);
       };
       for (const binding of bindings) {
@@ -226,7 +226,7 @@ export const createSearchSupport = (doc: Document, id: (element: Element) => str
         if (binding.active && existing && isCurrent(existing) && existing.last && !pageUnavailable) {
           const back = binding.footer.querySelector<HTMLIonButtonElement>('ion-buttons[slot=start] ion-button');
           // Close must stay eligible; otherwise fall through and demote instead of caching active.
-          if (back && !back.disabled && !back.closest(excluded)) {
+          if (back && !back.disabled && !back.closest(excluded) && !existing.bar.closest(excluded)) {
             candidate.control.search = {
               ...existing.last,
               active: true,

package/src/native/vertical-bars-web-search.ts

@@ -0,0 +1,80 @@
+import { getNativeSearchBindings, type NativeSearchBinding } from '../native-integration';
+import { activateProjectedElement, marker, unprojected } from './shared/dom';
+
+export const searchProjectionClass = 'ios-theme-vertical-bars-search-projection';
+
+/** Web counterpart of the system search button above the vertical tabs, or at the rail bottom without visible tabs. */
+export const createVerticalBarsWebSearch = (doc: Document, eligible: (element: HTMLElement) => boolean, refresh: () => void) => {
+  let binding: NativeSearchBinding | undefined;
+  let projection: HTMLIonFabButtonElement | undefined;
+  let container: HTMLIonFabElement | undefined;
+  const iconObserver = new MutationObserver(refresh);
+  let previousAriaHidden: string | null = null;
+  const restore = () => {
+    iconObserver.disconnect();
+    container?.remove();
+    container = undefined;
+    projection = undefined;
+    if (binding) {
+      binding.trigger.removeAttribute(marker);
+      if (previousAriaHidden === null) binding.trigger.removeAttribute('aria-hidden');
+      else binding.trigger.setAttribute('aria-hidden', previousAriaHidden);
+    }
+    binding = undefined;
+  };
+  return {
+    restore,
+    get source() {
+      return binding?.trigger;
+    },
+    update(root: HTMLElement) {
+      const next = unprojected(binding ? [binding.trigger] : [], () =>
+        getNativeSearchBindings(doc).find(({ trigger, footer }) => eligible(trigger) && eligible(footer)),
+      );
+      if (next !== binding || container?.parentElement !== root) restore();
+      if (!next) return;
+      if (!projection) {
+        binding = next;
+        previousAriaHidden = next.trigger.getAttribute('aria-hidden');
+        projection = next.trigger.cloneNode(true) as HTMLIonFabButtonElement;
+        for (const name of ['id', 'slot', marker, 'aria-hidden', 'style']) projection.removeAttribute(name);
+        container = doc.createElement('ion-fab');
+        container.setAttribute('mode', (next.trigger as HTMLIonFabButtonElement).mode ?? 'ios');
+        container.classList.add(searchProjectionClass, 'ion-cloned-element');
+        projection.addEventListener(
+          'click',
+          (event) => {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            activateProjectedElement(next.trigger);
+          },
+          { capture: true },
+        );
+        container.append(projection);
+        root.append(container);
+        next.trigger.setAttribute(marker, '');
+        next.trigger.setAttribute('aria-hidden', 'true');
+      }
+      projection.setAttribute(
+        'aria-label',
+        next.trigger.getAttribute('aria-label') ?? next.footer.querySelector('ion-searchbar')?.getAttribute('aria-label') ?? 'Search',
+      );
+      const sourceIcon = next.trigger.querySelector('ion-icon');
+      const icon = projection.querySelector('ion-icon');
+      if (sourceIcon?.shadowRoot) iconObserver.observe(sourceIcon.shadowRoot, { subtree: true, childList: true, attributes: true });
+      if (sourceIcon && icon) {
+        icon.icon = sourceIcon.icon;
+        icon.name = sourceIcon.name;
+        icon.src = sourceIcon.src;
+      }
+      container!.hidden = next.trigger.style.pointerEvents === 'none';
+      projection.disabled = (next.trigger as HTMLIonFabButtonElement).disabled;
+      const bounds = next.tabBar.getBoundingClientRect();
+      const tabs = bounds.width > 0 && bounds.height > 0 && getComputedStyle(next.tabBar).visibility === 'visible' ? bounds : undefined;
+      container!.style.left = tabs ? `${tabs.left + (tabs.width - 46) / 2}px` : '';
+      container!.style.top = tabs ? `${tabs.top - 56}px` : '';
+      container!.style.right = tabs ? 'auto' : '';
+      container!.style.bottom = tabs ? 'auto' : '';
+    },
+  };
+};

package/src/native/vertical-bars-web.ts

@@ -1,3 +1,4 @@
+import { createVerticalBarsWebSearch, searchProjectionClass } from './vertical-bars-web-search';
 import { inVerticalBarsSurface, topModal } from './shared/modal';
 import type { NativeUIShellHandle, NativeUIShellOptions, NativeUIShellStatus } from './definitions';
 import { VERTICAL_BARS_TRANSITION_CANCELED } from '../native-integration';
@@ -9,6 +10,7 @@ import {
   verticalBarsEnteringPage,
   verticalBarsToolbarActions,
   isExcluded,
+  isShellDisabled,
   isVerticalBarsToolbarGroup,
   preferredVerticalBarsBack,
   verticalBarsOwned,
@@ -42,12 +44,7 @@ export const createVerticalBarsWebProjection = (
   enabled: () => boolean = () => true,
 ): NativeUIShellHandle => {
   const win = doc.defaultView!;
-  if (options.controls !== undefined && options.controls.toolbar !== true)
-    return {
-      getStatus: () => ({ state: 'web', projected: 0, updates: 0 }),
-      suspend: async () => ({ resume: async () => {} }),
-      destroy: async () => {},
-    };
+  const toolbarEnabled = options.controls === undefined || options.controls.toolbar === true;
   let root: HTMLElement | undefined;
   let backSource: HTMLIonBackButtonElement | undefined;
   let backProjection: HTMLIonBackButtonElement | undefined;
@@ -64,7 +61,7 @@ export const createVerticalBarsWebProjection = (
   const listeners = new AbortController();
   const verticalBarsRoot = () => doc.querySelector<HTMLElement>('ion-app.ios-theme-vertical-bars');
   const projectedSources = () =>
-    [backSource, ...toolbarProjections.flatMap(({ actions }) => actions.map(({ source }) => source))].filter(
+    [backSource, search.source, ...toolbarProjections.flatMap(({ actions }) => actions.map(({ source }) => source))].filter(
       (source): source is HTMLElement => !!source,
     );
   const isRendered = (element: HTMLElement) =>
@@ -73,6 +70,20 @@ export const createVerticalBarsWebProjection = (
       const rect = element.getBoundingClientRect();
       return element.isConnected && style.display !== 'none' && style.visibility === 'visible' && rect.width > 0 && rect.height > 0;
     });
+  const search = createVerticalBarsWebSearch(
+    doc,
+    (element) =>
+      (options.controls === undefined || options.controls.tabs === true) &&
+      !!verticalBarsRoot()?.contains(element) &&
+      inVerticalBarsSurface(element) &&
+      !isExcluded(element, verticalBarsEnteringPage(element)) &&
+      !isShellDisabled(element) &&
+      !verticalBarsPages.isDeparted(element) &&
+      isRendered(element),
+    () => {
+      void schedule();
+    },
+  );
   const inEligibleToolbar = (element: HTMLElement) =>
     !!verticalBarsRoot()?.contains(element) &&
     inVerticalBarsSurface(element) &&
@@ -108,6 +119,7 @@ export const createVerticalBarsWebProjection = (
   };
   const isCurrentToolbarAction = (source: HTMLElement) => findToolbarGroups().some(({ actions }) => actions.includes(source));
   const restore = () => {
+    search.restore();
     backProjection?.remove();
     backProjection = undefined;
     if (backSource) {
@@ -272,12 +284,15 @@ export const createVerticalBarsWebProjection = (
       });
     }
     if (stopped || suspended || !currentRoot || !enabled()) return restore();
-    const nextBack = findBack();
-    const groups = findToolbarGroups();
-    if (!nextBack && !groups.length) return restore();
+    const nextBack = toolbarEnabled ? findBack() : undefined;
+    const groups = toolbarEnabled ? findToolbarGroups() : [];
+    const projectionRoot = topModal(doc) ?? currentRoot;
+    search.update(projectionRoot);
+    if (!nextBack && !groups.length && !search.source) return restore();
     if (root === (topModal(doc) ?? currentRoot) && sameSources(nextBack, groups)) return syncExisting();
     restore();
     project(nextBack, groups);
+    search.update(projectionRoot);
     updates++;
   };
   const update = () => {
@@ -304,7 +319,9 @@ export const createVerticalBarsWebProjection = (
       const element = target instanceof Element ? target : target.parentNode instanceof Element ? target.parentNode : undefined;
       const rootNode = target.getRootNode();
       const shadowHost = rootNode instanceof ShadowRoot ? rootNode.host : undefined;
-      return !![element, shadowHost].some((candidate) => candidate?.closest(`.${backProjectionClass}, .${toolbarProjectionClass}`));
+      return !![element, shadowHost].some((candidate) =>
+        candidate?.closest(`.${backProjectionClass}, .${toolbarProjectionClass}, .${searchProjectionClass}`),
+      );
     };
     const verticalBarsChanged = records.some(
       (record) =>
@@ -351,7 +368,8 @@ export const createVerticalBarsWebProjection = (
   return {
     getStatus: (): NativeUIShellStatus => ({
       state: stopped ? 'stopped' : 'web',
-      projected: Number(!!backSource) + toolbarProjections.reduce((count, group) => count + group.actions.length, 0),
+      projected:
+        Number(!!backSource) + Number(!!search.source) + toolbarProjections.reduce((count, group) => count + group.actions.length, 0),
       updates,
     }),
     async suspend() {

package/src/styles/vertical-bars.scss

@@ -417,3 +417,35 @@ ion-tab-button.ios.ion-cloned-element.ios27-vertical-tab-effect {
     height: 100%;
   }
 }
+
+// Search shares the Web rail before Native UI Shell takes ownership.
+:is(ion-app.ios-theme-vertical-bars, ion-modal.ios-theme-vertical-bars-modal) > ion-fab.ios-theme-vertical-bars-search-projection {
+  position: fixed;
+  left: auto;
+  right: 25px;
+  top: auto;
+  bottom: 24px;
+  z-index: 3;
+  width: 46px;
+  height: 46px;
+  margin: 0;
+  > ion-fab-button {
+    width: 46px;
+    height: 46px;
+    margin: 0;
+  }
+}
+
+ion-app.ios-theme-vertical-bars ion-fab > ion-fab-button[data-native-ui-shell] {
+  visibility: hidden !important;
+}
+
+.ios-theme-vertical-bars-search-projection[hidden] {
+  display: none !important;
+}
+
+ion-app.ios-theme-vertical-bars-left > ion-fab.ios-theme-vertical-bars-search-projection,
+ion-app.ios-theme-vertical-bars-left ion-modal.ios-theme-vertical-bars-modal > ion-fab.ios-theme-vertical-bars-search-projection {
+  left: 25px;
+  right: auto;
+}