[Bug] Stylesheet targeting same domains wipes existing one

[ejisoo]

Describe the bug

An active style sheet targeting existing domains will overwrite the existing style sheet.

Browser

Tested on

• Firefox 104.0.2 (64-bit)
• Chrome 105.0.5195.125 (Official Build) (arm64)

I've been using the extension and had the same issue for at least 3-4 major versions for both browsers.

To Reproduce

Steps to reproduce the behavior

• Go to Add a new style...
• Target yahoo.com and add some style

:root {
  --black: #000;
}

• Save and create another style targeting yahoo.com and keep it empty.

/*  */

The previous style is now gone!

Expected behavior

Some options:

1. Warning that saving the style will overwrite the existing one.
2. Merge
3. Better: Merge but warn conflicting styles
4. Best: Make the user able to name the style and if no name is provided, enumerate so in the style list you see something like

yahoo.com
yahoo.com (1)

Additional context

I try to be careful not to lose any work. Sync doesn't help in this case because I can accidentally sync the overwritten style. This has cost me a great number of custom styles...

[milahu]

just lost a half hour of work
this is ridiculous, dataloss is a serious bug

possible solution: use crdt to sync between multiple stylebot css editors

related

• [Bug] new sync missed and clobbered previous sync #751
• [Bug] Can't Undo with '⌘+Z' if I accidentally clear all the styles #745
• [Bug] All styles are missing #767

sync

• [Feature] "Auto-Sync Every X" #761
• [Feature] Sync styles using native browser storage sync #753