Skip to content

Observable button rendering issue in Quarto #38

Closed

Description

@rdhyee

Problem

Observable Inputs.button() widgets render incorrectly in Quarto documents:

  • Button shows as black box (no visible text)
  • Code block displays despite echo: false directive
  • Affects tutorials/parquet_cesium.qmd

Attempted Solutions

  1. Tried: echo: false directive → Code still shows
  2. Tried: echo: fenced → Code still shows
  3. Tried: Observable html template (PR Fix button rendering with Observable html template #37) → May be cached/not fully deployed

Current Status

PR #37 merged with html template workaround, but rendering issues may persist due to caching.

Recommendation

Monitor live site after cache clears. If issue persists, may need to:

  • Investigate Quarto/Observable version compatibility
  • Try alternative UI widgets (toggle, checkbox)
  • Revert to automatic classification without button

References

Activity

  1. rdhyee commented on Nov 1, 2025

    @rdhyee
    ContributorAuthor

    ✅ RESOLVED - Confirmed working on live site after CDN cache cleared.

    Button now renders correctly:

    • Fast initial load with blue dots (~2s)
    • Visible, clickable color-code button
    • Classification colors appear after clicking

    Fix in PR #37 (Observable html template) successfully deployed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions