typesense / typesense/docusaurus-theme-search-typesense

Search-box is not in line with other items under medium screen (within 996px)

Open
#17 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
84
Forks
24
Avg merge
1m
Merged PRs (30d)
1

Description

Description

Under medium screen (within 996px), search-box is not in line with the other items.

Expected Behavior

search-box is in line with the other items under medium screen (within 996px)

Actual Behavior

when I unchecked the "position:absolute",it looks good.

Metadata

docusaurus-theme-search-typesense:v0.4.0
docusaurus: 2.0.0-beta.21
OS: Win11/Edge

image
image
image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the layout at a viewport within 996px using the issue's screenshots and compare the search-box with the other items. Inspect the search-box positioning and verify that the final layout stays aligned at the medium breakpoint without relying on the reported workaround.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.