Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Form label flickers when used next to a switch

See original GitHub issue

🐛 Bug report

I came across this issue when I was working on a form with this template:

If a switch is rendered next to the Form Control and the switch is pressed, the label flickers.

💥 Steps to reproduce

  1. Write a component like so:
      <Switch />
      <FormControl as="fieldset">
        <FormLabel as="legend">hi</FormLabel>
  1. Click the switch
  2. The label flickers

💻 Link to reproduction

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

Gohsatocommented, May 5, 2021

In case anyone else has this bug - I found a hack to stop it from happening.

Just add this css:

fieldset {
  border-width: 1px;
  border-color: transparent;
bl-uecommented, Feb 17, 2021

I can reproduce as well (macOS 11.2.1 + Chrome 88.0.4324.182)

@Gohsato this is what you’re experiencing, right?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Form flickers upon Text Label update - Stack Overflow
Problem: I have a simple Windows Form with a few table panels, a text area, and a text label that serves as a...
Read more >
Controls Flickering when drawed on the form - MSDN - Microsoft
The equivelant of a lite control is a Component. The flickering is caused by every transparent control having to paint the background and...
Read more >
Access Form Flickers When Switching Tabs
I've been trying to do this, but every time I set the "use theme" setting for the tabs to No and then go...
Read more >
Why Your Lights Flicker When Turning on Appliances
3. A Loose Connection Can Cause Lights To Flicker. Loose connections in a switch or outlet can sometimes cause flickering lights. The error ......
Read more >
Microsoft Access tips: Flicker with tab controls - Allen Browne
The flickering is triggered by unattached labels on the page of a tab control. The workaround is to convert these labels to text...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found