question-mark
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.

Knobs panel renders off screen

See original GitHub issue

Describe the bug When using knobs panel the panel visually diappears despite all set up being correct. What is actually happening is then panel is rendering off screen. This can be seen by searching for react-draggable css class in the Chrome Dev Tools elements panel. This shows the panel is renderd but is rendered off screen at the top

To Reproduce I am not entirely sure what triggers this, possibly a screen or browser window size change. It happens twice in two days

Expected behavior It should not be possible for the knobs panel or its draggable edge to render off the visible part of the browser window

Screenshots You can see the knobs panel is off screen Screenshot 2019-05-16 at 11 16 29

System:

  • OS: MacOS
  • Device: Macbook Pro 2016
  • Browser: Chrome
  • Framework: Rect
  • Addons: Knobs
  • Version: 5.0.11;

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
leanne2commented, May 16, 2019

@shilman I don’t use other addons so cannot say if it is only knobs. Also it seemed today to simply hide the panel without out any reszing of the window. The browser window had been idle for a while, i refocusd it, the UI flickered (maybe due to a hot reload), then the panel disappears. To get it to re-appear i have to click “Change Addons orientation”

0reactions
shilmancommented, Jul 27, 2019

@leanne2 try doing localStorage.clear() in your browser console and then hard refresh?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Text Knobs with spaces don't render after first space #10104
Issue When entering text into the text type knob of type addon-knobs, if the text contains spaces nothing renders after the first space....
Read more >
react storybook addon knobs not showing - Stack Overflow
I cant seem to be getting the @storybook addon knobs working? It doesnt seem to be decorating the actual story ...
Read more >
Next-level component showcasing with Storybook controls
According to this discussion, the biggest advantage of controls over knobs is that they are based on args , so Storybook can infer...
Read more >
Dedicated Knob Control Panel - Dynon Avionics
Dynon Avionics' Knob Control Panel allows for dedicated controls for your barometric altimeter setting and the two bugs you use the most.
Read more >
Some Programs Are Displayed Off the Screen
Click Start, point to Programs, click Control Panel, and then double- click Display. · Click the Settings tab. · In the Display box,...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found