Comments (5)
I think the current behavior makes sense. If a tab is disabled, it shouldn't be shown. Not sure why you'd want to do that.
from shoelace.
@claviska I was afraid that would be your response.
I have a UI where the tabs-pane contain editable documents. When the user is editing a document I don't want them to be able to select another Tab, hence I want the Tabs disabled.
The current behaviour makes no sense to me and is totally inconsistent - no other elements are hidden when they are disabled.
from shoelace.
If you don't want them to switch tabs, disable the other tabs, not the current tab. That way nothing else can be selected and the current tab won't be affected.
from shoelace.
Really it's a side effect of using mutation observers and it would require some dancing around the DOM to handle such an edge case.
from shoelace.
If you don't want them to switch tabs, disable the other tabs, not the current tab. That way nothing else can be selected and the current tab won't be affected.
That should do as a work-around, however IMO disabled Tabs should work like disabled buttons etc. I don't want the user to think they can click on any Tab in the scenario I described.
from shoelace.
Related Issues (20)
- Couldn't access styling of selected option.
- `sl-select` doesn't update label if `sl-option` label changes HOT 1
- Broken css in button styles file HOT 1
- 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
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.