Skip to content

feat(www): move docs search field to the drawer bottom on mobile - #702

Open
mehdibha wants to merge 1 commit into
mainfrom
claude/docs-search-field-bottom-ce4b8e
Open

feat(www): move docs search field to the drawer bottom on mobile#702
mehdibha wants to merge 1 commit into
mainfrom
claude/docs-search-field-bottom-ce4b8e

Conversation

@mehdibha

@mehdibha mehdibha commented Sep 2, 2026

Copy link
Copy Markdown
Owner

Summary

  • On mobile, the docs search drawer places the search field at the bottom of the sheet, with the results list flexing above it. Desktop modal unchanged.
  • Bottom placement keeps the field within thumb reach and directly above the software keyboard; the drawer's keyboard inset already pads the popup bottom, so the field rises with the keyboard.
  • The field's shell inset comes from the command's **:data-search-field: rules, which outrank plain classes on the field. The mobile padding flip (top 0, bottom 6px) therefore lives on the command wrapper at the same specificity.
  • Verified at 375×812: field autofocuses, typing filters and appends search results above it, bottom inset matches the side inset.
  • Results still stack from the top of the list, so with few matches there is a gap above the field. Anchoring results to the bottom is a one-line justify-end if preferred.

@vercel

vercel Bot commented Sep 2, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
dotui Ready Ready Preview Sep 2, 2026 1:39am UTC

@github-actions github-actions Bot added the area: www The dotui.org app: site, landing, docs pages label Sep 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: www The dotui.org app: site, landing, docs pages

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant