Comments (2)
The sl-remove
event has nothing to do with the dropdown, so canceling it will have no affect. You need to listen for clicks on the tag and identify whether or not the remove button was the target.
https://codepen.io/claviska/pen/ZEPLgjB?editors=1010
I'm not sure if this is just a minimal test case or if you're using the tag as-is in your app, but the dropdown's trigger should probably be a button instead.
from shoelace.
Yeah I was going to suggest that the click event propagating from the tag could be cancelled by stopping/cancelling the remove event, but after pondering it further, I think such behaviour would be more convoluted/unexpected. Agree to close.
from shoelace.
Related Issues (20)
- sl-input should create fewer native input elements HOT 1
- tooltip placement on range component HOT 2
- Spinners do not display properly in Safari HOT 2
- As I'm a C++ guy ... HOT 2
- How to remove Lit In dev mode warning?
- sl-textarea may throw error on disconnectedCallback because input element is not found HOT 1
- Shoelace Element not updating when using Async-Pipes in Angular or async data in vue HOT 2
- carousel with "slide-per-page" is not working properly in rtl documents HOT 1
- `@watch()` shouldn't patch the prototype every time it's used. HOT 2
- Looping Carousel is out of order when inside of Sl-Resize-Observer
- Menu: Submenus: Right to Left: Submenu Location and Arrows not flipped
- Localisation does not respect browser settings HOT 3
- Events should subclass Event instead of using CustomEvents HOT 1
- Autofocus doesn't work on sl-input in Firefox and Safari HOT 2
- Submenus in dropdown panels don't scroll HOT 1
- <sl-color-picker hoist> causes warning due to non-passive touchmove listener HOT 2
- sl-drawer issues when using keyboard navigation HOT 1
- Event bubbling doesn't appear to be working as described: event bubbles up then circles back around to the child element HOT 1
- events like sl-hide bubbling is confusing HOT 1
- page shake when dialog opend HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from shoelace.