Cross-browser builder support

[TrySound]

A list of all bugs in each browser we currently don't support from builder

Safari

• Esc when editing closes full screen in browser

• Style source autocomplete has some extra text partially shown

• Advanced declarations are always stacked
  (Related Advanced field jitter from specific declaration length #4616)

• Edit instance label, while focused try to click another instance but click blurs and doesn't select next instance. Vid shows Safari then Chrome

safari-clickout.mp4

Fixed or no longer an issue

• Drag handle not showing on html embed window fix: Resize drag handle in FF and Safari #4726
• When hovering over a paragraph instance, the select cursor is shown feat: Make canvas cursor style compatible across all browsers #4727
• Copy by clicking on the navigator doesn’t work, must click on canvas
• When editing paragraph and clicking out, the edit cursor still shows when hovering over the P
• Bg attachment buttons overflow wrapper (same with anything that uses that component)
• When style source is focused, then you switch instances, style source stays focused though backspace impacts the selected instance, not tokens
• space and inputs scrub does not work
• canvas resize does not work
• css preview is not scrollable
• tooltip list of properties is not scrollable
• space scrub doesn't work unless you expand inputs
• scrubbing and canvas resizing selects everything in its path as you drag

Important to note these were tested on Safari 18+. For example, on 17.1 scrub doesn't work

Firefox

• zoom detection in breakpoints selector

Chromium 118

• background-clip value inside css variable Chrome 118 doesn't support background clip inside css var #3331

[johnsicili]

Tested on Safari 18

No longer an issue:

• css preview is not scrollable

Still issues:

• canvas resize does not work
• space and inputs scrub does not work

Unsure what this one means:

• tooltip list of properties is not scrollable

[TrySound]

List of properties in tooltip is no longer scroll area, so not an issue

[johnsicili]

Scrub now works in Safari except on spacing inputs. But if you open the spacing input it allows scrub.

Canvas resizing also works.

Though in both cases, as you are scrubbing/resizing, the cursor is highlighting what it's dragging over. That seems to be the main blocker but who knows... I'd need to spend some time building to see what other stuff pops up. Seems close though 🤷

safari.mp4

[istarkov]

Can't reproduce `Style source autocomplete has some extra text partially shown`