Skip to content

feat(contentWrapperClass): Add feature and docs#1916

Merged
mattelen merged 3 commits intomasterfrom
1914-teleport---unable-to-add-custom-classes-that-can-target-multiselect__content-wrapper-at-the-usage-level-egvuemultiselect-class
Sep 8, 2025
Merged

feat(contentWrapperClass): Add feature and docs#1916
mattelen merged 3 commits intomasterfrom
1914-teleport---unable-to-add-custom-classes-that-can-target-multiselect__content-wrapper-at-the-usage-level-egvuemultiselect-class

Conversation

@mattelen
Copy link
Copy Markdown
Collaborator

@mattelen mattelen commented Sep 8, 2025

Closes #1914

FYI will release at a beta to test and make sure this works, before doing a minor version release

This comment was marked as outdated.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@akki-jat akki-jat requested a review from Copilot September 8, 2025 15:47

This comment was marked as outdated.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@akki-jat akki-jat requested a review from Copilot September 8, 2025 15:50
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds a new contentWrapperClass prop to the Multiselect component that allows users to apply custom CSS classes to the dropdown content wrapper element, which is particularly useful when using the teleport feature to style the teleported dropdown element.

  • Adds contentWrapperClass prop with support for String, Array, or Object types
  • Updates component template to bind the new prop to the content wrapper element
  • Adds documentation for the new prop in the Props component

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
src/Multiselect.vue Adds contentWrapperClass prop definition and binds it to the content wrapper element
documentation/src/components/Props.vue Documents the new contentWrapperClass prop in the props table

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

@mattelen mattelen merged commit 2f567cc into master Sep 8, 2025
1 check passed
@QuentiumYT
Copy link
Copy Markdown

QuentiumYT commented Sep 16, 2025

Very interesting feature, I am wondering if we can have similar to that, an option to add additional classes to multiselect__tags? Would be a great way to customize with a library I use without overloading the CSS :)

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Teleport - Unable to add custom classes that can target .multiselect__content-wrapper at the usage level (e.g.<VueMultiSelect :class="…" />).

4 participants