René's URL Explorer Experiment


Title: PyScript components become unresponsive on exceptions · Issue #1276 · reactive-python/reactpy · GitHub

Open Graph Title: PyScript components become unresponsive on exceptions · Issue #1276 · reactive-python/reactpy

X Title: PyScript components become unresponsive on exceptions · Issue #1276 · reactive-python/reactpy

Description: Current Situation If an exception is thrown in the component body of a PyScript component, the component's become unresponsive. This can be demonstrated by using the following pyscript component from reactpy import component, hooks, html...

Open Graph Description: Current Situation If an exception is thrown in the component body of a PyScript component, the component's become unresponsive. This can be demonstrated by using the following pyscript component fr...

X Description: Current Situation If an exception is thrown in the component body of a PyScript component, the component's become unresponsive. This can be demonstrated by using the following pyscript componen...

Opengraph URL: https://github.com/reactive-python/reactpy/issues/1276

X: @github

direct link

Domain: patch-diff.githubusercontent.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"PyScript components become unresponsive on exceptions","articleBody":"### Current Situation\n\nIf an exception is thrown in the component body of a PyScript component, the component's become unresponsive. This can be demonstrated by using the following pyscript component\n\n```python\nfrom reactpy import component, hooks, html\n\n@component\ndef root():\n    count, set_count = hooks.use_state(0)\n\n    def increment(event):\n        set_count(count + 1)\n\n    if count == 5:\n        raise ValueError(\"This error both breaks this component's rendering stack, and does not hide the component.\")\n\n    return html.div(\n        html.button({\"onClick\": increment}, \"Increment\"),\n        html.p(f\"Count: {count}\"),\n    )\n```\n\nThis is strange since [`layout.py` defines that components should hide themselves](https://github.com/reactive-python/reactpy/blob/178fc05de7756f7402ed2ee1e990af0bdad42d9e/src/reactpy/core/layout.py#L199-L208) when exceptions occur, and that's clearly not happening.\n\nSomething notable is that this issue only occurs if the exception occurs in the root component. The expected behavior will occur if the exception happens in any child components. For example...\n\n```python\n@component\ndef root():\n    return html.fragment(\n        counter(),\n        counter(),\n    )\n\n\n@component\ndef counter():\n    count, set_count = hooks.use_state(0)\n\n    def increment(event):\n        set_count(count + 1)\n\n    if count == 5:\n        raise ValueError(\"This is an error 2\")\n\n    return html.div(\n        html.button({\"onClick\": increment}, \"Increment\"),\n        html.p(f\"PyScript Count: {count}\"),\n    )\n\n```\n\n### Proposed Actions\n\nFigure out why this behavior exists. Perhaps this behavior also exists in server-side components and we just haven't noticed until now?","author":{"url":"https://github.com/Archmonger","@type":"Person","name":"Archmonger"},"datePublished":"2025-02-12T00:03:10.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/1276/reactpy/issues/1276"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:a86782a2-6c45-7401-4866-bc4f5c54cbd0
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-id9C18:1D9B97:C143303:F932A8C:69769A2F
html-safe-noncec49bd390ce5d207c22c2dd3ad7c2263320dcbab18bac8e4beef66517387caca1
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5QzE4OjFEOUI5NzpDMTQzMzAzOkY5MzJBOEM6Njk3NjlBMkYiLCJ2aXNpdG9yX2lkIjoiMTI5NzcxODkxNTY0NzMxNDQ3OSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac2c4ad36b6218fb6266d1b0d3db7d37a2c47d01ce0e7129f3baf7a114d839566f
hovercard-subject-tagissue:2846829034
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/reactive-python/reactpy/1276/issue_layout
twitter:imagehttps://opengraph.githubassets.com/9f82ed8e33f61383ad0b5f9d1ad381c4191e403a12948a7daac1dd9b0f304894/reactive-python/reactpy/issues/1276
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/9f82ed8e33f61383ad0b5f9d1ad381c4191e403a12948a7daac1dd9b0f304894/reactive-python/reactpy/issues/1276
og:image:altCurrent Situation If an exception is thrown in the component body of a PyScript component, the component's become unresponsive. This can be demonstrated by using the following pyscript component fr...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernameArchmonger
hostnamegithub.com
expected-hostnamegithub.com
None032152924a283b83384255d9489e7b93b54ba01da8d380b05ecd3953b3212411
turbo-cache-controlno-preview
go-importgithub.com/reactive-python/reactpy git https://github.com/reactive-python/reactpy.git
octolytics-dimension-user_id106191177
octolytics-dimension-user_loginreactive-python
octolytics-dimension-repository_id171410703
octolytics-dimension-repository_nworeactive-python/reactpy
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id171410703
octolytics-dimension-repository_network_root_nworeactive-python/reactpy
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
release5b577f6be6482e336e3c30e8daefa30144947b17
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues/1276#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Freactive-python%2Freactpy%2Fissues%2F1276
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
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
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
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
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/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://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Freactive-python%2Freactpy%2Fissues%2F1276
Sign up https://patch-diff.githubusercontent.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=reactive-python%2Freactpy
Reloadhttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues/1276
Reloadhttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues/1276
Reloadhttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues/1276
reactive-python https://patch-diff.githubusercontent.com/reactive-python
reactpyhttps://patch-diff.githubusercontent.com/reactive-python/reactpy
Please reload this pagehttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues/1276
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2Freactive-python%2Freactpy
Fork 332 https://patch-diff.githubusercontent.com/login?return_to=%2Freactive-python%2Freactpy
Star 8.2k https://patch-diff.githubusercontent.com/login?return_to=%2Freactive-python%2Freactpy
Code https://patch-diff.githubusercontent.com/reactive-python/reactpy
Issues 50 https://patch-diff.githubusercontent.com/reactive-python/reactpy/issues
Pull requests 2 https://patch-diff.githubusercontent.com/reactive-python/reactpy/pulls
Discussions https://patch-diff.githubusercontent.com/reactive-python/reactpy/discussions
Actions https://patch-diff.githubusercontent.com/reactive-python/reactpy/actions
Security 0 https://patch-diff.githubusercontent.com/reactive-python/reactpy/security
Insights https://patch-diff.githubusercontent.com/reactive-python/reactpy/pulse
Code https://patch-diff.githubusercontent.com/reactive-python/reactpy
Issues https://patch-diff.githubusercontent.com/reactive-python/reactpy/issues
Pull requests https://patch-diff.githubusercontent.com/reactive-python/reactpy/pulls
Discussions https://patch-diff.githubusercontent.com/reactive-python/reactpy/discussions
Actions https://patch-diff.githubusercontent.com/reactive-python/reactpy/actions
Security https://patch-diff.githubusercontent.com/reactive-python/reactpy/security
Insights https://patch-diff.githubusercontent.com/reactive-python/reactpy/pulse
New issuehttps://patch-diff.githubusercontent.com/login?return_to=https://github.com/reactive-python/reactpy/issues/1276
New issuehttps://patch-diff.githubusercontent.com/login?return_to=https://github.com/reactive-python/reactpy/issues/1276
Bughttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues?q=type:"Bug"
PyScript components become unresponsive on exceptionshttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues/1276#top
priority-2-moderateShould be resolved on a reasonable timeline.https://github.com/reactive-python/reactpy/issues?q=state%3Aopen%20label%3A%22priority-2-moderate%22
https://github.com/Archmonger
https://github.com/Archmonger
Archmongerhttps://github.com/Archmonger
on Feb 12, 2025https://github.com/reactive-python/reactpy/issues/1276#issue-2846829034
layout.py defines that components should hide themselveshttps://github.com/reactive-python/reactpy/blob/178fc05de7756f7402ed2ee1e990af0bdad42d9e/src/reactpy/core/layout.py#L199-L208
priority-2-moderateShould be resolved on a reasonable timeline.https://github.com/reactive-python/reactpy/issues?q=state%3Aopen%20label%3A%22priority-2-moderate%22
Bughttps://patch-diff.githubusercontent.com/reactive-python/reactpy/issues?q=type:"Bug"
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.