Skip to content

Commit 9d298cc

Browse files
authored
fix: Allow creating variables when input starts with dashes in advanced style section (webstudio-is#5051)
## Description We broke this as we introduced a more flexible search to combobox when you add properties ## Steps for reproduction 1. advanced panel 2. type --x 3. see you can create that variable right away without adding value ## Code Review - [ ] hi @kof, I need you to do - conceptual review (architecture, feature-correctness) - detailed review (read every line) - test it on preview ## Before requesting a review - [ ] made a self-review - [ ] added inline comments where things may be not obvious (the "why", not "what") ## Before merging - [ ] tested locally and on preview environment (preview dev login: 0000) - [ ] updated [test cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md) document - [ ] added tests - [ ] if any new env variables are added, added them to `.env` file
1 parent b787e3d commit 9d298cc

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

apps/builder/app/builder/shared/css-editor/add-style-input.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,10 @@ const getAutocompleteItems = () => {
100100
};
101101

102102
const matchOrSuggestToCreate = (search: string, items: Array<SearchItem>) => {
103-
const matched = matchSorter(items, search.replaceAll("-", " "), {
103+
const searchWithSpaces = search.startsWith("--")
104+
? search
105+
: search.replaceAll("-", " ");
106+
const matched = matchSorter(items, searchWithSpaces, {
104107
keys: ["key"],
105108
});
106109

0 commit comments

Comments
 (0)