question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Component's slot is selecting value from <select multiple>

See original GitHub issue

Version

2.6.11

Reproduction link

https://jsfiddle.net/sq589fnj/

Steps to reproduce

Check jsfiddle for default select tag and custom select component

What is expected?

It should not select any value by default as is the case for default: <select multiple>

What is actually happening?

It selects first value by default after slot is being ‘replaced’

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
posvacommented, Aug 11, 2020

it’s

"vModel": { },

Remember to use the forum or the Discord chat to ask questions!

0reactions
Herz3hcommented, Aug 11, 2020

Ok got it working for the multiple part, but v-model refuses to work: https://jsfiddle.net/g20mxdjf/1/

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using templates and slots - Web Components | MDN
Slots are identified by their name attribute, and allow you to define placeholders in your template that can be filled with any markup...
Read more >
Shadow DOM slots, composition
Shadow DOM supports <slot> elements, that are automatically filled by the content from light DOM. Named slots. Let's see how slots work on...
Read more >
Using <slot> in native <select> element - Stack Overflow
Yes, there a limitation: a <select> element accepts only <option> elements as children. As a consequence, you cannot use <slot> .
Read more >
Composing Custom Elements With Slots And Named Slots
Learn about composition for Web Components using Shadow DOM and light DOM to allow the creation of elements that can take other elements....
Read more >
ion-select: Select One or Multiple Value Boxes or Placeholders
Multiple Selection ​ ... By adding the multiple attribute to select, users are able to select multiple options. When multiple options can be...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found