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.

DevTools - "Panel layout" preference is no longer saved

See original GitHub issue

Description

The DevTools settings for the “Panel layout” preference (DevTools > Settings > Preferences > Appearance > Panel Layout) is no longer saved or reset to the default value each time the DevTools are opened. This behavior occurs in the normal and private browser window.

Steps to Reproduce

  1. Open a website (e.g. https://brave.com/)
  2. Open the DevTools (for example via the keyboard shortcuts) macOS: <kbd>Command</kbd>+<kbd>Option</kbd>+<kbd>I</kbd> Win: <kbd>Control</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd>
  3. Open the DevTools settings (gear-icon in the upper right)
  4. Change the selected default value for the Panel layout preference from auto to horizontal
  5. Close the DevTools settings
  6. The panels under Elements are now horizontally aligned
  7. Close the DevTools
  8. Reopen the DevTools
  9. The panels under Elements are aligned automatically and the setting for Panel layout is back to auto

Actual result:

After changing the Panel layout preference default value, closing and reopening the DevTools the selected value is reset to the default value auto.

Expected result:

After changing the Panel layout preference, closing and reopening the DevTools the previous selected value is still set and the Elements panels are still aligned accordingly.

Reproduces how often:

Easily reproduced

Brave version (brave://version info)

Brave | 1.32.106 Chromium: 96.0.4664.45 (Official Build) (x86_64) Revision | 76e4c1bb2ab4671b8beba3444e61c0f17584b2fc-refs/branch-heads/4664@{#947} OS | macOS Version 12.0.1 (Build 21A559)

Version/Channel Information:

  • Can you reproduce this issue with the current release? YES
  • Can you reproduce this issue with the beta channel? N/A
  • Can you reproduce this issue with the nightly channel? N/A

Other Additional Information:

  • Does the issue resolve itself when disabling Brave Shields? No
  • Does the issue resolve itself when disabling Brave Rewards? No
  • Is the issue reproducible on the latest version of Chrome? No
    • This behavior does not occur in the latest Chrome version (96.0.4664.45)

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:10
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
xyzithcommented, Jan 12, 2022

I have same problem. Add custom device won’t save either.

1reaction
bscliftoncommented, Mar 18, 2022

Should be fixed with https://github.com/brave/brave-core/pull/12600 - duplicate of https://github.com/brave/brave-browser/issues/20491

Fix is in Nightly and will be uplifted to Beta and Release channels. Thanks for your patience, folks 😄

Read more comments on GitHub >

github_iconTop Results From Across the Web

Horizontal Panel not changing in Developer tools
In chrome developer tools, In preferences, I can not change the panel layout into horizontal mode, if a change it, there are no...
Read more >
Customize - Chrome Developers
By default, DevTools will auto-rearrange your panel layout depending on window size. You can disable the auto-rearrangement.
Read more >
How to force horizontal panel layout for Chrome - makandra dev
Chrome's developer tools automagically choose vertical or horizontal panel layout, based on their width. You can disable that magic.
Read more >
Customize DevTools - Microsoft Edge Development
A list of ways to customize Microsoft Edge DevTools. ... To open a tool in the main panel or the Drawer, click the...
Read more >
What are browser developer tools? - MDN Web Docs - Mozilla
Chrome: More tools ➤ Developer tools; Safari: Develop ➤ Show Web Inspector. If you can't see the Develop menu, go to Safari ➤...
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