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.

Property disbaled dont work

See original GitHub issue

Environment

System: OS: macOS 12.0.1 CPU: (4) x64 Intel® Core™ i5-7267U CPU @ 3.10GHz Memory: 1.02 GB / 16.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 17.0.1 - /usr/local/bin/node Yarn: 1.22.17 - /usr/local/bin/yarn npm: 8.1.0 - /usr/local/bin/npm Watchman: 2021.11.15.00 - /usr/local/bin/watchman Managers: CocoaPods: 1.11.2 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: DriverKit 21.0.1, iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0 Android SDK: Not Found IDEs: Android Studio: Not Found Xcode: 13.1/13A1030d - /usr/bin/xcodebuild Languages: Java: Not Found npmPackages: @react-native-community/cli: Not Found react: 17.0.2 => 17.0.2 react-native: 0.66.0 => 0.66.0 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Description

If the value for disabled is set to true, it has no effect. The slider can still be moved. Will try on the web.

Reproducible Demo

<ReactSlider
        style={[styles.slider]}
        value={value}
        disabled={true}
        minimumValue={minimumValue}
        maximumValue={maximumValue}
        step={step}
        thumbTintColor={thumbTintColor}
        minimumTrackTintColor={minimumTrackTintColor}
        maximumTrackTintColor={maximumTrackTintColor}
        onValueChange={newValue => onValueChange(newValue)}
      />

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
seidbarcommented, Feb 24, 2022

A quick workaround for me was to just wrap the slider in a View and disable pointerEvents on it as a surrogate to disabled

Read more comments on GitHub >

github_iconTop Results From Across the Web

angular - Disabled not working - Stack Overflow
I'm trying to make same form for preview and update (preview should have disabled inputs), but my input in html fails to bind...
Read more >
HTML attribute: disabled - HTML: HyperText Markup Language
The Boolean disabled attribute, when present, makes the element not mutable, focusable, or even submitted with the form. The user can ...
Read more >
HTML button disabled Attribute - W3Schools
The disabled attribute is a boolean attribute. When present, it specifies that the button should be disabled. A disabled button is unusable and...
Read more >
Cannot set disabled property · Issue #183 · lit/lit - GitHub
I have an template with an input element on wich I want to set the disabled property based on a variable. html' '...
Read more >
disabled property JavaScript - Dottoro Web Reference
Disabled elements cannot have focus, do not receive or fire mouse events, ... illustrates the use of the disabled attribute for options (does...
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