René's URL Explorer Experiment


Title: bug: React IonRange is disabled even if `disabled === undefined` · Issue #19563 · ionic-team/ionic-framework · GitHub

Open Graph Title: bug: React IonRange is disabled even if `disabled === undefined` · Issue #19563 · ionic-team/ionic-framework

X Title: bug: React IonRange is disabled even if `disabled === undefined` · Issue #19563 · ionic-team/ionic-framework

Description: Bug Report Ionic version: "@ionic/core": "^4.10.0", "@ionic/react": "^4.10.0-rc.3", Current behavior: Having IonRange component and it's prop disabled to which I pass variable that can be type boolean | undefined, -> when the variable is...

Open Graph Description: Bug Report Ionic version: "@ionic/core": "^4.10.0", "@ionic/react": "^4.10.0-rc.3", Current behavior: Having IonRange component and it's prop disabled to which I pass variable that can be type bool...

X Description: Bug Report Ionic version: "@ionic/core": "^4.10.0", "@ionic/react": "^4.10.0-rc.3", Current behavior: Having IonRange component and it's prop disabled to...

Opengraph URL: https://github.com/ionic-team/ionic-framework/issues/19563

X: @github

direct link

Domain: github.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"bug: React IonRange is disabled even if `disabled === undefined`","articleBody":"\u003c!-- Before submitting an issue, please consult our docs (https://ionicframework.com/docs/). --\u003e\r\n\r\n\u003c!-- Please make sure you are posting an issue pertaining to the Ionic Framework. If you are having an issue with the Ionic Appflow services (Ionic View, Ionic Deploy, etc.) please consult the Ionic Appflow support portal (https://ionic.zendesk.com/hc/en-us) --\u003e\r\n\r\n\u003c!-- Please do not submit support requests or \"How to\" questions here. Instead, please use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/ --\u003e\r\n\r\n\u003c!-- ISSUES MISSING IMPORTANT INFORMATION MAY BE CLOSED WITHOUT INVESTIGATION. --\u003e\r\n\r\n# Bug Report\r\n\r\n**Ionic version:**\r\n\"@ionic/core\": \"^4.10.0\",\r\n\"@ionic/react\": \"^4.10.0-rc.3\",\r\n\r\n**Current behavior:**\r\n\u003c!-- Describe how the bug manifests. --\u003e\r\nHaving `IonRange` component and it's prop `disabled` to which I pass variable that can be `type boolean | undefined`,\r\n-\u003e when the variable is equal to `false` IonRange is **enabled**\r\n-\u003e when the variable is equal to `true` IonRange is **disabled**\r\n-\u003e when the variable is equal to `undefined` IonRange is **enabled**\r\n\r\n**Expected behavior:**\r\n\u003c!-- Describe what the behavior would be without the bug. --\u003e\r\nHaving `IonRange` component and it's prop `disabled` to which I pass variable that can be `type boolean | undefined`,\r\n-\u003e when the variable is equal to `false` IonRange have to be  **enabled**\r\n-\u003e when the variable is equal to `true` IonRange have to be **disabled**\r\n-\u003e when the variable is equal to `undefined` IonRange have to be **disabled** because `undefined` is a falsy value\r\n\r\n**Steps to reproduce:**\r\n\u003c!--  Please explain the steps required to duplicate the issue, especially if you are able to provide a sample application. --\u003e\r\n\r\n**Related code:**\r\n```JSX\r\n\u003cdiv className={rangeModifier(urgencyIndex)}\u003e\r\n      \u003cIonRange\r\n        disabled={readOnly}\r\n        max={urgency \u0026\u0026 urgency.size}\r\n        min={1}\r\n        mode='ios'\r\n        onIonChange={onChange}\r\n        snaps\r\n        step={1}\r\n        value={urgencyIndex}\r\n      /\u003e\r\n    \u003c/div\u003e\r\n```\r\n\r\n","author":{"url":"https://github.com/bohdanbirdie","@type":"Person","name":"bohdanbirdie"},"datePublished":"2019-10-07T08:46:45.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/19563/ionic-framework/issues/19563"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:543ac8b4-fd56-38e9-c0cd-58f1d172dca8
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-id937C:2CAFF1:2D01750:3BCB72D:6A651ADA
html-safe-nonce23384340ce2199c22d5d3625fdb37c27adbd94422d67b6232e51050c7edfed8e
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5MzdDOjJDQUZGMToyRDAxNzUwOjNCQ0I3MkQ6NkE2NTFBREEiLCJ2aXNpdG9yX2lkIjoiMjAyOTYyNDIxOTU1OTg2MDk1NCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac36b3ed507e5031aba1f0c9879334ffef00c4a29be1d783952e45ee7d9348e33c
hovercard-subject-tagissue:503312152
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/ionic-team/ionic-framework/19563/issue_layout
twitter:imagehttps://opengraph.githubassets.com/95bf23205ed8dfc3b3a872caa30e4b3609c8fd67a9579c2951e31bafb54aec7d/ionic-team/ionic-framework/issues/19563
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/95bf23205ed8dfc3b3a872caa30e4b3609c8fd67a9579c2951e31bafb54aec7d/ionic-team/ionic-framework/issues/19563
og:image:altBug Report Ionic version: "@ionic/core": "^4.10.0", "@ionic/react": "^4.10.0-rc.3", Current behavior: Having IonRange component and it's prop disabled to which I pass variable that can be type bool...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamebohdanbirdie
hostnamegithub.com
expected-hostnamegithub.com
None52c76df668885aaff23b50bdca1fa1ea44ac9c1553e888ebc70ff1e4daa4625b
turbo-cache-controlno-preview
go-importgithub.com/ionic-team/ionic-framework git https://github.com/ionic-team/ionic-framework.git
octolytics-dimension-user_id3171503
octolytics-dimension-user_loginionic-team
octolytics-dimension-repository_id12256376
octolytics-dimension-repository_nwoionic-team/ionic-framework
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id12256376
octolytics-dimension-repository_network_root_nwoionic-team/ionic-framework
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release309153364422b3c499922d1a2a6404910a58ed8e
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/ionic-team/ionic-framework/issues/19563#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fionic-team%2Fionic-framework%2Fissues%2F19563
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fionic-team%2Fionic-framework%2Fissues%2F19563
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=ionic-team%2Fionic-framework
Reloadhttps://github.com/ionic-team/ionic-framework/issues/19563
Reloadhttps://github.com/ionic-team/ionic-framework/issues/19563
Reloadhttps://github.com/ionic-team/ionic-framework/issues/19563
Please reload this pagehttps://github.com/ionic-team/ionic-framework/issues/19563
ionic-team https://github.com/ionic-team
ionic-frameworkhttps://github.com/ionic-team/ionic-framework
Notifications https://github.com/login?return_to=%2Fionic-team%2Fionic-framework
Fork 13.3k https://github.com/login?return_to=%2Fionic-team%2Fionic-framework
Star 52.6k https://github.com/login?return_to=%2Fionic-team%2Fionic-framework
Code https://github.com/ionic-team/ionic-framework
Issues 596 https://github.com/ionic-team/ionic-framework/issues
Pull requests 40 https://github.com/ionic-team/ionic-framework/pulls
Discussions https://github.com/ionic-team/ionic-framework/discussions
Actions https://github.com/ionic-team/ionic-framework/actions
Projects https://github.com/ionic-team/ionic-framework/projects
Wiki https://github.com/ionic-team/ionic-framework/wiki
Security and quality 0 https://github.com/ionic-team/ionic-framework/security
Insights https://github.com/ionic-team/ionic-framework/pulse
Code https://github.com/ionic-team/ionic-framework
Issues https://github.com/ionic-team/ionic-framework/issues
Pull requests https://github.com/ionic-team/ionic-framework/pulls
Discussions https://github.com/ionic-team/ionic-framework/discussions
Actions https://github.com/ionic-team/ionic-framework/actions
Projects https://github.com/ionic-team/ionic-framework/projects
Wiki https://github.com/ionic-team/ionic-framework/wiki
Security and quality https://github.com/ionic-team/ionic-framework/security
Insights https://github.com/ionic-team/ionic-framework/pulse
bug: React IonRange is disabled even if disabled === undefinedhttps://github.com/ionic-team/ionic-framework/issues/19563#top
package: react@ionic/react packagehttps://github.com/ionic-team/ionic-framework/issues?q=state%3Aopen%20label%3A%22package%3A%20react%22
https://github.com/bohdanbirdie
bohdanbirdiehttps://github.com/bohdanbirdie
on Oct 7, 2019https://github.com/ionic-team/ionic-framework/issues/19563#issue-503312152
package: react@ionic/react packagehttps://github.com/ionic-team/ionic-framework/issues?q=state%3Aopen%20label%3A%22package%3A%20react%22
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.