ntohq/buefy-next

Programmatic Modal Dialog does not render custom buefy elements

simhyr opened this issue · 1 comments

Overview of the problem

Buefy version: 0.1.4
Vuejs version: 3.4.37
OS/Browser: Windows 10 / Firefox / Chrome

Description

The programmatic modal dialog can not resolve the custom buefy components.

BuefyModal.vue (the modal dialog)
image

BuefyNavigation.vue (opens the modal dialog on click)
image

Error in Browser Console
image

Browser Inspector HTML:
image

Steps to reproduce

You can use the example of the programmatic modal from the documentation (see https://v3.buefy.org/documentation/modal#programmatic)

Expected behavior

The b-button element should be rendered as a button. The b-button element should be replaced by a div that has the css class .b-button.

Actual behavior

The html of the modal dialog is not correctly processed by buefy and can't be rendered by the browser.

Just in case anyone has the same problem. The problem and a workaround is discussed here: #152