Modal not displaying with @carbon/web-components 1.23.0

[pac0rro]

Description

Today I noticed the change of package from carbon-web-components to @carbon/web-components.

(I am not sure this is the correct issue page: is not updated for package @carbon/web-components)

I have applied the change in my project's package.json. This is what I found:

• Version 1.22.0 of @carbon/web-components the Modal appears
• Version 1.23.0 of @carbon/web-components don't shows the Modal component

I've seen that style.visibility is hidden for "open = true" property.

Thank you

Component(s) impacted

Modal web component

Browser

Chrome, Firefox

Carbon for IBM.com version

1.23.0

Severity

Severity 1 = The design is broken in a critical way that blocks users from completing tasks or damages the brand. Affects major functionality, no workaround.

Application/website

Internal website

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

Including the storybook sample re-creates the issue

Steps to reproduce the issue (if applicable)

Put a button in a page and open the modal that the example shows. (Vue example):

    <button @click="$refs.modalex.open = true">Modal</button>

    <bx-modal id="modalex" ref="modalex">
        <bx-modal-header>
            <bx-modal-close-button></bx-modal-close-button>
            <bx-modal-label>Label (Optional)</bx-modal-label>
            <bx-modal-heading>Modal Title</bx-modal-heading>
        </bx-modal-header>
        <bx-modal-body><p>Modal text description</p></bx-modal-body>
        <bx-modal-footer>
            <bx-modal-footer-button kind="secondary" data-modal-close>Cancel</bx-modal-footer-button>
            <bx-modal-footer-button kind="primary">Save</bx-modal-footer-button>
        </bx-modal-footer>
    </bx-modal>

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues