Navbar dropdown menus on the right side are missing `dropdown-menu-end`

Chiusa Adatta ai principianti
  • Qualcosa non va?
#1,059 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Una pull request collegata è già stata integrata.

  • #1062 di @cscheid — integrata

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
78/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
html, rust, yaml
Ambito
frontend

Direzione di ricerca

Inizia individuando il codice che genera il menu a discesa della barra di navigazione di q2 e confrontalo con il comportamento di navitem.ejs di Quarto 1 descritto nell’issue. Riproduci il problema con il YAML fornito per website.navbar.right e q2 render; il lavoro è completato quando il menu generato include dropdown-menu-end e rimane all’interno della pagina, vicino al bordo destro.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Problem

A dropdown menu in website.navbar.right opens aligned to the left edge of its toggle. A menu near the right edge of the page then runs past the edge, and its spacing looks wrong.

Image

Quarto 1 adds Bootstrap's dropdown-menu-end class to menus in the right navbar section, so the menu aligns to the right edge of its toggle (navitem.ejs: dropdown-menu<%- align === 'end' ? ' dropdown-menu-end' : '' %>). q2 does not add this class.

To reproduce

website:
  navbar:
    right:
      - text: Help
        menu:
          - text: Item one
            href: https://example.com
          - text: Item two
            href: https://example.com
  1. Render the site with q2 render.
  2. Open a page and click Help.

Expected: <ul class="dropdown-menu dropdown-menu-end">, and the menu stays in the page.
Actual: <ul class="dropdown-menu">, and the menu runs past the right edge.

Environment

  • q2 0.40.0-nightly.20261104 (compared with Quarto 1.10.18)
  • macOS
  • Found with the posit-dev/product-doc-theme@q2 extension, which adds a right-side Help menu
Lingua principale
Rust
Stelle
293
Fork
20
Merge medio
7h 45m
PR unite (30g)
187

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 quarto-dev/q2

Tutte le issue di quarto-dev/q2

Issue simili

Altre issue su Rust

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.