@codemirror/autocomplete 6.3.2 → 6.3.4

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 6.3.4 (2022-11-24)
+
+### Bug fixes
+
+Fix an issue where completion lists could end up being higher than the tooltip they were in.
+
+## 6.3.3 (2022-11-18)
+
+### Bug fixes
+
+Set an explicit `box-sizing` style on completion icons so CSS resets don't mess them up.
+
+Allow closing braces in templates to be escaped with a backslash.
+
 ## 6.3.2 (2022-11-15)
 
 ### Bug fixes

package/dist/index.cjs

@@ -1070,6 +1070,7 @@ const baseTheme = view.EditorView.baseTheme({
             maxWidth: "min(700px, 95vw)",
             minWidth: "250px",
             maxHeight: "10em",
+            height: "100%",
             listStyle: "none",
             margin: 0,
             padding: 0,
@@ -1136,7 +1137,8 @@ const baseTheme = view.EditorView.baseTheme({
         display: "inline-block",
         textAlign: "center",
         paddingRight: ".6em",
-        opacity: "0.6"
+        opacity: "0.6",
+        boxSizing: "content-box"
     },
     ".cm-completionIcon-function, .cm-completionIcon-method": {
         "&:after": { content: "'ƒ'" }
@@ -1238,8 +1240,8 @@ class Snippet {
                 positions.push(new FieldPos(found, lines.length, m.index, m.index + name.length));
                 line = line.slice(0, m.index) + name + line.slice(m.index + m[0].length);
             }
-            for (let esc; esc = /([$#])\\{/.exec(line);) {
-                line = line.slice(0, esc.index) + esc[1] + "{" + line.slice(esc.index + esc[0].length);
+            for (let esc; esc = /\\([{}])/.exec(line);) {
+                line = line.slice(0, esc.index) + esc[1] + line.slice(esc.index + esc[0].length);
                 for (let pos of positions)
                     if (pos.line == lines.length && pos.from > esc.index) {
                         pos.from--;
@@ -1330,10 +1332,9 @@ The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
 a custom order.
 
-To include a literal `${` or `#{` in your template, put a
-backslash after the dollar or hash and before the brace (`$\\{`).
-This will be removed and the sequence will not be interpreted as a
-placeholder.
+To include a literal `{` or `}` in your template, put a backslash
+in front of it. This will be removed and the brace will not be
+interpreted as indicating a placeholder.
 */
 function snippet(template) {
     let snippet = Snippet.parse(template);

package/dist/index.d.ts

@@ -326,10 +326,9 @@ The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
 a custom order.
 
-To include a literal `${` or `#{` in your template, put a
-backslash after the dollar or hash and before the brace (`$\\{`).
-This will be removed and the sequence will not be interpreted as a
-placeholder.
+To include a literal `{` or `}` in your template, put a backslash
+in front of it. This will be removed and the brace will not be
+interpreted as indicating a placeholder.
 */
 declare function snippet(template: string): (editor: {
     state: EditorState;

package/dist/index.js

@@ -1066,6 +1066,7 @@ const baseTheme = /*@__PURE__*/EditorView.baseTheme({
             maxWidth: "min(700px, 95vw)",
             minWidth: "250px",
             maxHeight: "10em",
+            height: "100%",
             listStyle: "none",
             margin: 0,
             padding: 0,
@@ -1132,7 +1133,8 @@ const baseTheme = /*@__PURE__*/EditorView.baseTheme({
         display: "inline-block",
         textAlign: "center",
         paddingRight: ".6em",
-        opacity: "0.6"
+        opacity: "0.6",
+        boxSizing: "content-box"
     },
     ".cm-completionIcon-function, .cm-completionIcon-method": {
         "&:after": { content: "'ƒ'" }
@@ -1234,8 +1236,8 @@ class Snippet {
                 positions.push(new FieldPos(found, lines.length, m.index, m.index + name.length));
                 line = line.slice(0, m.index) + name + line.slice(m.index + m[0].length);
             }
-            for (let esc; esc = /([$#])\\{/.exec(line);) {
-                line = line.slice(0, esc.index) + esc[1] + "{" + line.slice(esc.index + esc[0].length);
+            for (let esc; esc = /\\([{}])/.exec(line);) {
+                line = line.slice(0, esc.index) + esc[1] + line.slice(esc.index + esc[0].length);
                 for (let pos of positions)
                     if (pos.line == lines.length && pos.from > esc.index) {
                         pos.from--;
@@ -1326,10 +1328,9 @@ The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
 a custom order.
 
-To include a literal `${` or `#{` in your template, put a
-backslash after the dollar or hash and before the brace (`$\\{`).
-This will be removed and the sequence will not be interpreted as a
-placeholder.
+To include a literal `{` or `}` in your template, put a backslash
+in front of it. This will be removed and the brace will not be
+interpreted as indicating a placeholder.
 */
 function snippet(template) {
     let snippet = Snippet.parse(template);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemirror/autocomplete",
-  "version": "6.3.2",
+  "version": "6.3.4",
   "description": "Autocompletion for the CodeMirror code editor",
   "scripts": {
     "test": "cm-runtests",
@@ -28,7 +28,7 @@
   "dependencies": {
     "@codemirror/language": "^6.0.0",
     "@codemirror/state": "^6.0.0",
-    "@codemirror/view": "^6.5.0",
+    "@codemirror/view": "^6.6.0",
     "@lezer/common": "^1.0.0"
   },
   "peerDependencies": {