EXPLAINED: Keyboard shortcut not working in Firefox

Bricks Version: 1.4RC
Browser: Chrome/Firefox
OS: Windows

Hi,

Found two issues with keyboard shortcuts in Firefox and Chrome on WINDOWS:

  • CTRL + SHIF + D = opens Bricks academy (instead of duplicate element)

  • CTRL + SHIFT + P = open private window in FIrefox, open print dialog box in Chrome (instead of wrapping inside container)

And this is not an issue, but CTRL + SHIFT + E and CTRL + SHIFT + S have same result (focus on elements/search).

1 Like

Hi Yan,

CTRL + SHIFT + D isn’t a real bug: @thomas was a bit too fast with updating the academy :sweat_smile: In 1.4RC it’s opening the documentation, in 1.4 final it’s duplicating the selected element.

CTRL + SHIFT + P: confirmed on windows (11) in Firefox (latest), but it works for me in chrome (latest).

CTRL + SHIFT + E and CTRL + SHIFT + S: it depends what is selected. They might look and behave equally but aren’t.

Do CTRL + Z or CTRL + Shift + Z work for you in Firefox on Windows?

Best regards,
timmse

1 Like

CTRL + Z and CTRL + SHIFT + Z shortcuts work OK.

1 Like

In short: Built-in browser keyboard shortcuts take precedence.

That’s why “CTRL + SHIFT + P” opens a new private window instead of performing Bricks’ “Wrap in container” action. Haven’t found a way overwrite/force Bricks keyboard shortcuts yet.

Maybe remapping the Firefox shortcuts via a browser extension can be a viable solution:
https://addons.mozilla.org/en-US/firefox/search/?q=keyboard%20shortcuts

Or using a Chromium-based browser like Brave, Edge, or Chrome. As those have the by far biggest marketshare, Bricks keyboard shortcuts are based on them.

Still can’t get CTRL+SHIFT+P to work on Chrome, have you tried on Windows 10?
It seems the shortcut is associated to system print dialog box, so it’s not a Chrome shortcut.

What is also strange is that CTRL+P is a Chrome shortcut to its own print dialog box, but Bricks can override it with preview shortcut:

Well, anyway, I’ll use whatever is available, I know there’s no way to please everyone given the multiple systems/browsers/extensions/etc. :wink:

Hey Yan, on Windows 11 it works fine in Chrome. There are clearly too many parameters :sweat_smile: :v:

Since I’m using Firefox as my main dev browser and cannot use the (very useful) wrap with block/div shortcut (ctrl+shift+P), and since there are, as noted, many parameters - Is there a way to incorporate some sort of user-controlled shortcut mapping inside bricks? (Seems that a rigid shortcut mapping is prone to have compatibility issues) (I saw the entry on the idea board and upvoted it, but since it borders on a buggy behavior, maybe it is somehow possible to push it a bit? :smile:

1 Like

I wanted to confirm that the keyboard shortcut using CMD + SHIFT + P with Firefox ( I use the developer edition but same issue) is an issue as it open a new and separate window for the browser. This issue has been confirmed by many Bricks users at this point.

There is not the only issue with this shortcut, but it has an important limitation as well even as it is. It also does not provide an option to wrap with either a Block or a DIV like the right click menu does in the structure panel. I don’t always want a full width wrapper when wrapping an element.

Another simple approach is to use something different for the keyboard shortcut but that might conflict with other applications or even the host OS.

Maybe Bricks needs a keyboard shortcut settings panel where we can re-assign the shortcut key combinations like MAC OS, Windows, Adobe apps and many others provide.

Admin, maybe time to turn this into a feature request?

@jmcbade A feature request is already open for it. Upvote here. Ideas – Bricks (bricksbuilder.io)

1 Like

Oh I have :slight_smile: My opinion has been shared and the feature request has been upvoted.

Salute

1 Like

For the copy/paste to work in Firefox you need to navigate to “about:config” > search for “clipboard” and make sure the following are set to “true”: dom.event.clipboardevents.enabled, dom.events.asyncClipboard.clipboardItem, dom.events.asyncClipboard.readText, dom.events.testing.asyncClipboard

I have solved my issue by resetting snip & sketch.

I have got rid of the problem by pressing the windows key twice.

I can tell you what worked for me, what i did was this enabled clipboard history.