Buttons won't render on live preview

INPoppoRTUNE commented 1 year ago

I tried to dig a bit through the issues but no definitive solution seems to have been found. I'm currently on Windows, latest installation (v1.1.9, installer v0.15.9)

This is not #126 .

Setup

As suggested here, I tried to build a test vault and the problem still persist:

Only buttons installed
Created a button through the Button maker command interface that will show release notes
Inserted an inline button through the Insert inline button command interface

Output

Button maker

It generated the following output:

name test
type command
action Show Release Notes
^button-testbutton

This button is interactive in both editing (live preview = on) and reading mode (with the exception of ^button-testbutton disappearing) Example

Insert inline button

It generated the following output: button-testbutton

This button is NOT interactive (nor rendered) in editing view (live preview = on) but it is in reading mode. Example

Desired behavior

I don't really care about the Button Maker behavior, as they sit in my template folder
I'd like to be able to interact with inline buttons while in editing view, as I'd like to use them to navigate through notes that I'm editing. Swapping to reading mode to press a button, then re-swap to editing mode in order to use the buttons is quite a workflow breaker, and if not fixed I'll reluctantly return to keyboard shortcuts.

Please fell free to ask whatever info you might need to fix this bug.

Side-note

As you might notice from the videos, it seems to be a minor bug with the buttons color rendering (regardless of the color picked) and all dark themes I tested it with, where buttons will be rendered as yellow outline and grey background.

savvyslog commented 1 year ago

I'm having the exact same issue with inline buttons not rendering in Live Preview.

I did, however, notice that they do display properly if within a Callout block (in Live Preview). For example:

> [!note] Test
> - Click `button-update` to test

CHodder5 commented 11 months ago

You can also force it to render in Live Preview with dataviewjs as well.

dv.span("`button-testbutton`")

shabegom / buttons