appsmithorg/appsmith

[Bug]: Changing the selection of Border Radius/Box Shadow of Buttons in JSONForm is not visible in property pane

Open

#24,376 opened on Jun 12, 2023

View on GitHub
 (25 comments) (0 reactions) (1 assignee)TypeScript (4,508 forks)batch import
BugCommunity ContributorContributor Expressed InterestGood First IssueJSON FormLowNeeds TriagingProductionQuery Widgets & IDE PodWidgets Product

Repository metrics

Stars
 (39,454 stars)
PR merge metrics
 (Avg merge 5d 23h) (32 merged PRs in 30d)

Description

Is there an existing issue for this?

  • I have searched the existing issues

Description

On changing the box radius and box shadow of "Submit" & "Reset" button are not visible, although the changes are happening in widget according to selection in the property pane.

Steps To Reproduce

  1. Drag & Drop a JSONForm
  2. Go to Style tab
  3. Under the Submit button styles, change the Border Radius
  4. Observe that the change affects the widget but the selection in property pane is still same
  5. Try same with Reset Button styles
  6. Observe that there is no change in property pane on selecting different Border radius/Box shadow

Public Sample App

No response

Environment

Production

Issue video log

https://www.loom.com/share/9212808497cf42d08ccd502bb22b6047

Version

Cloud/Production

Contributor guide

Research direction
Investigate the property pane binding for JSONForm button styles, specifically how border radius and box shadow changes are reflected in the property pane UI. Check the widget update handler and property pane render logic.
Tech stack
typescriptreact
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60