[UI] Search bar is clipped on mobile viewports on the Kanvas documentation page

I maintainer di solito rispondono entro 1 giorno

Valutazione

Direzione di ricerca

Descrizione

Description

The search bar on the Kanvas documentation website appears clipped on mobile viewports. The search input does not fit correctly within the available content area, resulting in a broken responsive layout.

Affected page: https://docs.layer5.io/kanvas/

Steps to Reproduce

1. Open https://docs.layer5.io/kanvas/.
2. Open browser Developer Tools and enable Responsive Design Mode.
3. Set the viewport width to approximately 414px.
4. Observe the search bar below the navigation header.

Actual Behavior

The search input appears cut off on the right side instead of fitting within the available viewport width.

Expected Behavior

The search bar should adapt to the available screen width, remain fully visible, and maintain appropriate spacing from the surrounding elements across mobile and desktop viewports.

Environment

• Page: Kanvas Documentation
• Viewport: 414 × 846 pixels
• Browser: Firefox
• Issue type: UI / Responsive Design

Screenshot

The attached screenshot demonstrates the clipped search bar in mobile emulation.

Proposed Outcome

Investigate the search bar's width constraints, parent container sizing, and responsive CSS rules to ensure the search input fits within the available space on smaller screens without horizontal overflow.

I would Like to work on this...

Preparare l'ambiente

Come iniziare

1. Leggi tutta la issue e poi la guida ai contributi del progetto.
2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
3. Fai un fork del repository e lavora su un branch.
4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di layer5io/docs

• Update Help Wanted issue search

  Forse già presa @naveen-cs50-cse l’ha presa 2 giorni fa. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  area/docs framework/hugo help wanted language/markdown

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 88/100

  layer5io/docs#1361 · 2 commenti · Aperta il 26/10/2026

  I maintainer di solito rispondono entro 1 giorno

• Cache resources/_gen in CI to skip repeated WebP encoding

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  area/ci area/performance kind/enhancement

  Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100

  layer5io/docs#1283 · Aperta il 14/10/2026

  I maintainer di solito rispondono entro 1 giorno

• White-labeling guide: custom-dashboard-2.png still shows the removed left-drawer widget picker

  Forse di nuovo libera @kavleencodes l’ha presa 42 giorni fa e non c’è nessuna pull request aperta. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100

  layer5io/docs#1242 · 1 commento · Aperta il 15/9/2026

  I maintainer di solito rispondono entro 1 giorno

• Cloud Academy instructor-console guide: the published ACTIVE LEARNERS definition has never matched the implementation

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 92/100

  layer5io/docs#1186 · 1 commento · Aperta il 5/8/2026

  I maintainer di solito rispondono entro 1 giorno

• [Debt] `archive` folder is dead code

  Forse di nuovo libera @PARTH-TUSSLE l’ha presa 144 giorni fa e non c’è nessuna pull request aperta. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  framework/hugo help wanted kind/bug language/css language/javascript

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 65/100

  layer5io/docs#1014 · 4 commenti · Aperta il 8/5/2026

  I maintainer di solito rispondono entro 1 giorno

Tutte le issue di layer5io/docs

Issue simili

• gui tests: routing-group-strategy 'the pick moved nothing' is red in WebKit under load (before is taken while the wheel scroll is still moving)

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100

  yetone/magpie#4459 · Aperta il 30/10/2026

  I maintainer di solito rispondono entro 1 giorno

• [Bug] Background tokenizer throws "deadline is undefined" when the page has a non-spec requestIdleCallback shim (Safari 27 / iOS WKWebView)

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 73/100

  microsoft/monaco-editor#5563 · Aperta il 30/10/2026

  I maintainer di solito rispondono entro 1 giorno

• Package downloads never retry: getUrlWithResuming's retry catch cannot see a rejected request

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100

  meteor/meteor#14897 · Aperta il 30/10/2026

  I maintainer di solito rispondono entro 1 giorno

• The device list in the profile doesn't mark the current device and allows deleting it

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  account: profile bug

  Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100

  zammad/zammad#6512 · Aperta il 30/10/2026

  I maintainer di solito rispondono entro 5 giorni

• cozy-client store queries: the getById/getByIds fast path of executeQueryFromState returns `_deleted` documents and repeats documents whose id is listed twice

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  ai-driven-fuzzing bug claude Minor

  Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100

  linagora/cozy-client#1777 · 1 commento · 1 reazione · Aperta il 30/10/2026

  I maintainer di solito rispondono entro 1 giorno

Altre issue su JavaScript