Skip to content

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

Open
@b09h

Description

@b09h
  • 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions