Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flickering occurs for the field if there is a JavaScript logic for that (even if you clicked any other field) #1050

Open
b09h opened this issue Feb 16, 2024 · 3 comments
Labels

Comments

@b09h
Copy link

b09h commented Feb 16, 2024

  • Hosting type: local and https environments as well
  • Formio.js version: 4.12.0 ("angular-formio": "4.12.0")
  • Frontend framework: Angular
  • Browser: Chrome and other as well
  • Browser version: all versions (but check in latest version)

Steps to Reproduce

  1. Drag and drop the Checkbox Field component & save it with normal configurations
  2. Drag and drop one custom date picker component (we used owl date picker with version i.e., "ng-pick-datetime": "^7.0.0"). Add logic to this component in js (you can add simple console.log(123) or some condition )
  3. Now, While Previewing in other page, Just click on Checkbox (configured in first step)

Expected behavior

Not expecting to flicker

Observed behavior

Example

If possible, please provide a screenshot, live example (via JSFiddle or similar), and/or example code to help demonstrate the issue.
Normal View:
image

I clicked on checkbox (enable mode) it flickered again i unchecked the checkbox, The View after clicking on Checkbox below(flickering happening for one sec)
image

For code or form JSON, please enclose in a code block:

console.log("abc")
// or you can write any other condition you want
@b09h b09h added the bug label Feb 16, 2024
@b09h
Copy link
Author

b09h commented Feb 20, 2024

@travist, Can you please help/comment on this?

@b09h
Copy link
Author

b09h commented Feb 21, 2024

@peterblazejewicz / @randallknutson / @dmenne, can anyone please help on this?
this is the critical issue in my project

@peterblazejewicz
Copy link
Contributor

This sounds like event bubbling causing re-render? I'd create a sample on stackblitz (or somewhere similar) to isolate a problem, thx!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants