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.

copy element style shortcut conflicts with DevTools element inspector

See original GitHub issue

Environment Info Firefox version: 76.0.1 (64-bit) OS: Ubuntu 18.0.4

Reproduction Steps

  1. Create a new document (or open an old one)
  2. Select a node
  3. Press CTRL+SHIFT + C to copy the styles of the selected node

Expected Styles to be copied and paste-able.

Actual Opens the “Element selector” in firefox dev tools.

Notes See the MDN page about firefox keyboard shortcuts. It’s one of the ones defined there.

There might be other shortcuts that override the excalidraw ones for which that might prove a useful resource. I’ve not done a proper cross-comparison.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:14 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
dwellecommented, Jul 7, 2020

I’ve opened a PR. I don’t have Mac so please check if it works https://github.com/excalidraw/excalidraw/pull/1881 (preview: https://excalidraw-git-copypastestylesshortcut.excalidraw.vercel.app/) - if not I’ll need to switch to different workflow.

1reaction
lipiscommented, May 31, 2020

I’m not very happy overriding something that is doing completely different thing. Overriding Cmd+C for example is fine as we want to be more specific on what’s going there, etc… So for this case maybe we should find a new shortcut for styles… It’s also I believe not something that used so frequently anyways!

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS features reference - Chrome Developers
To copy CSS: Select an element. In the Elements > Styles pane, right-click a CSS property. Copy CSS drop-down ...
Read more >
Copying HTML code in Google Chrome's inspect element
Select the top most element, you want to copy. (To copy all ... Press CTRL+A/CTRL+C and copy the entire text field to a...
Read more >
Chrome Inspect Element Tool & Shortcut - GeeksforGeeks
Cmd + Shift + C to open the Developer Tools in Inspect Element mode, or toggle Inspect Element mode if the Developer Tools...
Read more >
Inspect, Edit and Copy CSS Element Styles in Chrome Browser
Next to the styles Chrome shows the file and line number where the styles are declared; clicking the filename opens the respective stylesheet...
Read more >
Live Editing HTML and CSS with Chrome DevTools - Lucidchart
There are two quick ways to open the inspector. First is to open DevTools with F12, select the “Elements” tab, and click the...
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