Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Website navbar hides the notebook preview header

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#14,972 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
78/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
css, html, yaml
Lĩnh vực
frontend, web-dev

Hướng nghiên cứu

Bắt đầu với src/resources/formats/html/embed/template.html ở khu vực quanh tiêu đề bản xem trước, sau đó tái hiện vấn đề bằng các tệp _quarto.yml, index.qmd và source.qmd được cung cấp với quarto render và quarto preview. Hoàn tất khi tiêu đề bản xem trước của notebook, bao gồm các điều khiển Back to Article, title và Download, hiển thị bên dưới thanh điều hướng của website.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

accessibility bug embed websites

I have:

  • searched the issue tracker for similar issues
  • installed the latest version of Quarto CLI
  • formatted my issue following the Bug Reports guide

Bug description

In a website with a navbar, the site navbar hides the header of a notebook preview page (*-preview.html). The hidden header has the "Back to Article" link, the notebook title, and the "Download" link. Readers cannot see these controls.

Steps to reproduce

Make a website project with these three files. Then run quarto render, then quarto preview and navigate to the notebook through the "Source: Source" link.

_quarto.yml:

project:
  type: website
website:
  title: "Embed test"
  navbar:
    left:
      - index.qmd
format: html

index.qmd:

---
title: "Home"
---

{{< embed source.qmd#two >}}

source.qmd:

---
title: "Source"
---

```{python}
#| label: two
1 + 1
```

Actual behavior

The navbar shows at the top of the page. The preview header is not visible.

Site showing a navbar with Embed test and Home links

Expected behavior

The preview header shows below the navbar. If you remove website.navbar from _quarto.yml, the header shows correctly:

Site showing a bar with Back to Article and Download Notebook links

Your environment

  • IDE: Positron 2026.10.0 (build 56)
  • OS: macOS 26.6.2 (build 25G83)

Quarto check output

Quarto 1.11.4
[✓] Checking environment information...
      Quarto cache location: /Users/charlottewickham/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.10.0: OK
      Dart Sass version 1.101.0: OK
      Deno version 2.7.14: OK
      Typst version 0.15.1: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.11.4
      Path: /Applications/quarto/bin

[✓] Checking tools....................OK
      TinyTeX: v2026.04
      Chrome Headless Shell: 150.0.7871.115
      VeraPDF: 1.28.2

[✓] Checking LaTeX....................OK
      Using: TinyTex
      Path: /Users/charlottewickham/Library/TinyTeX/bin/universal-darwin
      Version: 2026

[✓] Checking Chrome Headless....................OK
      Using: Chrome Headless Shell installed by Quarto
      Path: /Users/charlottewickham/Library/Application Support/quarto/chrome-headless-shell/chrome-headless-shell-mac-arm64/chrome-headless-shell
      Version: 150.0.7871.115

[✓] Checking basic markdown render....OK

[✓] Checking R installation...........OK
      Version: 4.6.0
      Path: /Library/Frameworks/R.framework/Versions/4.6/Resources
      LibPaths:
        - /Users/charlottewickham/Library/R/arm64/4.6/library
        - /Library/Frameworks/R.framework/Versions/4.6/Resources/library
      knitr: 1.51
      rmarkdown: 2.31

[✓] Checking Knitr engine render......OK

[✓] Checking Python 3 installation....OK
      Version: 3.12.2
      Path: /Users/charlottewickham/.pyenv/versions/3.12.2/bin/python3
      Jupyter: 5.9.1
      Kernels: python3

[✓] Checking Jupyter engine render....OK

[✓] Checking Julia installation...

I used AI to help investigate. The investigation was grounded in a local clone of quarto-cli.

Ngôn ngữ chính
JavaScript
Star
6.1k
Fork
463
Merge trung bình
12 giờ 44 phút
Pull request đã merge (30 ngày)
54

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của quarto-dev/quarto-cli

Tất cả issue của quarto-dev/quarto-cli

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.