v11.0.0

Author: janosh

.github/workflows/link-check.yml

@@ -16,6 +16,6 @@ jobs:
       - name: Discover broken links
         uses: lycheeverse/lychee-action@v2
         with:
-          args: --exclude '%7B' --accept 100..=103,200..=299,403,429 -- ./**/*.{md,svelte,ts}
+          args: --exclude '%7B' --exclude '/' --accept 100..=103,200..=299,403,429 -- ./**/*.{md,svelte,ts}
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

changelog.md

@@ -2,8 +2,18 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+### [v11.0.0](https://github.com/janosh/svelte-multiselect/compare/v11.0.0-rc.1...v11.0.0)
+
+> 15 May 2025
+
+- Prevent empty style attributes on `ul.selected > li` and `ul.options > li` [`#304`](https://github.com/janosh/svelte-multiselect/pull/304)
+- Breaking: Svelte 5 [`#295`](https://github.com/janosh/svelte-multiselect/pull/295)
+- update and fix linting, fix 2 dead readme links [`91f22d0`](https://github.com/janosh/svelte-multiselect/commit/91f22d0cafdf931607288d18c5268badd358d83b)
+
 #### [v11.0.0-rc.1](https://github.com/janosh/svelte-multiselect/compare/v10.3.0...v11.0.0-rc.1)
 
+> 24 October 2024
+
 - update `MultiSelect.svelte` for Svelte5 compatibility [`#293`](https://github.com/janosh/svelte-multiselect/pull/293)
 
 #### [v10.3.0](https://github.com/janosh/svelte-multiselect/compare/v10.2.0...v10.3.0)

package.json

@@ -5,7 +5,7 @@
   "homepage": "https://janosh.github.io/svelte-multiselect",
   "repository": "https://github.com/janosh/svelte-multiselect",
   "license": "MIT",
-  "version": "11.0.0-rc.1",
+  "version": "11.0.0",
   "type": "module",
   "svelte": "./dist/index.js",
   "bugs": "https://github.com/janosh/svelte-multiselect/issues",
@@ -44,16 +44,16 @@
     "mdsvex": "^0.12.6",
     "mdsvexamples": "^0.5.0",
     "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-svelte": "^3.4.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
-    "svelte": "^5.28.6",
-    "svelte-check": "^4.1.7",
+    "svelte": "^5.30.1",
+    "svelte-check": "^4.2.1",
     "svelte-multiselect": "11.0.0-rc.1",
     "svelte-preprocess": "^6.0.3",
     "svelte-toc": "^0.6.0",
     "svelte-zoo": "^0.4.18",
-    "svelte2tsx": "^0.7.37",
+    "svelte2tsx": "^0.7.39",
     "typescript": "5.8.3",
     "typescript-eslint": "^8.32.1",
     "vite": "^6.3.5",

src/lib/MultiSelect.svelte

@@ -683,7 +683,7 @@
       bind:this={ul_options}
       style={ulOptionsStyle}
     >
-      {#each matchingOptions.slice(0, Math.max(0, maxOptions ?? 0) || Infinity) as optionItem, idx (key(optionItem))}
+      {#each matchingOptions.slice(0, Math.max(0, maxOptions ?? 0) || Infinity) as optionItem, idx (duplicates ? [key(optionItem), idx] : key(optionItem))}
         {@const {
           label,
           disabled = null,

src/routes/(demos)/allow-user-options/+page.svx renamed to src/routes/(demos)/allow-user-options/+page.md

@@ -1,6 +1,6 @@
 ## How to acquire form data in submission handler
 
-This example shows the JavaScript way of handling MultiSelect fields in form submission events. If you're using SvelteKit, you may want check out [this example](kit-form-actions) on to use [form actions](https://kit.svelte.dev/docs/form-actions) instead (which works even in browsers with JS disabled).
+This example shows the JavaScript way of handling MultiSelect fields in form submission events. If you're using SvelteKit, you may want check out [this example](/kit-form-actions) on to use [form actions](https://kit.svelte.dev/docs/form-actions) instead (which works even in browsers with JS disabled).
 
 > Hint: Use<code>JSON.parse()</code> to convert the string value passed to form submit handler back to array.
 

src/routes/(demos)/cmd-palette/+page.svx renamed to src/routes/(demos)/cmd-palette/+page.md

@@ -9,8 +9,8 @@
 This example shows the SvelteKit form action way of handling MultiSelect fields in form submission events. If you're not interested in [progressively enhanced forms](https://kit.svelte.dev/docs/form-actions#progressive-enhancement) (i.e. supporting no-JS browsers) take a look at the [JS form example](form) instead.
 
 > Note that this example will only work when running the dev server locally since it needs
-a server to respond to the form's POST request and this documentation site is only static
-HTML.
+> a server to respond to the form's POST request and this documentation site is only static
+> HTML.
 
 ```svelte example stackblitz
 <script lang="ts">