Skip to content

Duplicate slot name message for custom components which allow duplicate slot properties. #10196

@sachinbhutani

Description

@sachinbhutani

Describe the bug

While using svelte extension on VS code, I get the "Duplicate slot name xxxx' in while the webcomponent does allow for duplicate slot names
example

<ui5-side-navigation>
    <ui5-side-navigation-item slot="fixedItems" text="Useful Links" icon="chain-link"></ui5-side-navigation-item>
    <ui5-side-navigation-item slot="fixedItems" text="History" icon="history"></ui5-side-navigation-item>
</ui5-side-navigation>

slot fixedItems, can be used multiple times according to the documentation and example on https://sap.github.io/ui5-webcomponents/playground/?path=/docs/fiori-side-navigation--docs

another example where slot name "valueStateMessage" is for completely different input fields on the same form

    <ui5-input id="field1" value="field 1 value">
         <div slot="valueStateMessage">{err.errorMessage}</div>
   </ui5-input>
    <ui5-input id="field2" style="width:100%" readonly value="field2 Value ">
        <div slot="valueStateMessage">{err.errorMessage}</div>
    </ui5-input>

Reproduction

v108.2.1
https://github.com/sachinbhutani/svelte-slot-error

Expected behaviour

duplicate slot name message should not be displayed for custom components
duplicate slot name message should not be displayed for slot property

System Info

  • OS: Windows
  • IDE: VS Code

Which package is the issue about?

No response

Additional Information, eg. Screenshots

image

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions