Skip to content

el-select does not work when included with npm/yarn, but works when included by cdn import #1816

Description

@tomazartack

What component (if applicable)
el-select

Describe the bug
The el-select functionality work when including this script:

<script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script>

But it breaks if we include it through npm/yarn, and then use webpack encore to minimise it and render and include tag like this:
{{ encore_entry_script_tags('app_tailwind') }} (this entry point includes just: import '@tailwindplus/elements';)

Imported versions:
tailwindcss "4.2.1"
tailwindplus/elements "1.0.22"

Another component like el-dropdown works correctly, only el-select is broken.
It says that the el-select doesn't contain el-options, but as you can see in my minimal example, it does include that child.

Please see screenshot.

Expected behavior
Including the cdn script or through npm/yarn should both work equally.

Screenshots
If applicable, add screenshots to help explain your problem.

Browser/Device (if applicable)

  • Chrome 147.0.7727.55 (mac os)
Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions