diff --git a/demos/src/Examples/Community/React/suggestion.js b/demos/src/Examples/Community/React/suggestion.js index e137309c..ba9ad3ae 100644 --- a/demos/src/Examples/Community/React/suggestion.js +++ b/demos/src/Examples/Community/React/suggestion.js @@ -8,6 +8,7 @@ export default { 'Lea Thompson', 'Cyndi Lauper', 'Tom Cruise', 'Madonna', 'Jerry Hall', 'Joan Collins', 'Winona Ryder', 'Christina Applegate', 'Alyssa Milano', 'Molly Ringwald', 'Ally Sheedy', 'Debbie Harry', 'Olivia Newton-John', 'Elton John', 'Michael J. Fox', 'Axl Rose', 'Emilio Estevez', 'Ralph Macchio', 'Rob Lowe', 'Jennifer Grey', 'Mickey Rourke', 'John Cusack', 'Matthew Broderick', 'Justine Bateman', 'Lisa Bonet', ].filter(item => item.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5) }, + render: () => { let reactRenderer let popup @@ -29,6 +30,7 @@ export default { placement: 'bottom-start', }) }, + onUpdate(props) { reactRenderer.updateProps(props) @@ -36,6 +38,7 @@ export default { getReferenceClientRect: props.clientRect, }) }, + onKeyDown(props) { if (props.event.key === 'Escape') { popup[0].hide() @@ -45,6 +48,7 @@ export default { return reactRenderer.ref?.onKeyDown(props) }, + onExit() { popup[0].destroy() reactRenderer.destroy() diff --git a/demos/src/Examples/Community/Vue/suggestion.js b/demos/src/Examples/Community/Vue/suggestion.js index 1d938aca..d1478598 100644 --- a/demos/src/Examples/Community/Vue/suggestion.js +++ b/demos/src/Examples/Community/Vue/suggestion.js @@ -8,6 +8,7 @@ export default { 'Lea Thompson', 'Cyndi Lauper', 'Tom Cruise', 'Madonna', 'Jerry Hall', 'Joan Collins', 'Winona Ryder', 'Christina Applegate', 'Alyssa Milano', 'Molly Ringwald', 'Ally Sheedy', 'Debbie Harry', 'Olivia Newton-John', 'Elton John', 'Michael J. Fox', 'Axl Rose', 'Emilio Estevez', 'Ralph Macchio', 'Rob Lowe', 'Jennifer Grey', 'Mickey Rourke', 'John Cusack', 'Matthew Broderick', 'Justine Bateman', 'Lisa Bonet', ].filter(item => item.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5) }, + render: () => { let component let popup @@ -32,6 +33,7 @@ export default { placement: 'bottom-start', }) }, + onUpdate(props) { component.updateProps(props) @@ -39,6 +41,7 @@ export default { getReferenceClientRect: props.clientRect, }) }, + onKeyDown(props) { if (props.event.key === 'Escape') { popup[0].hide() @@ -48,6 +51,7 @@ export default { return component.ref?.onKeyDown(props) }, + onExit() { popup[0].destroy() component.destroy() diff --git a/demos/src/Experiments/Commands/Vue/suggestion.js b/demos/src/Experiments/Commands/Vue/suggestion.js index b08f3954..388256d7 100644 --- a/demos/src/Experiments/Commands/Vue/suggestion.js +++ b/demos/src/Experiments/Commands/Vue/suggestion.js @@ -51,6 +51,7 @@ export default { }, ].filter(item => item.title.toLowerCase().startsWith(query.toLowerCase())).slice(0, 10) }, + render: () => { let component let popup @@ -75,6 +76,7 @@ export default { placement: 'bottom-start', }) }, + onUpdate(props) { component.updateProps(props) @@ -82,6 +84,7 @@ export default { getReferenceClientRect: props.clientRect, }) }, + onKeyDown(props) { if (props.event.key === 'Escape') { popup[0].hide() @@ -91,6 +94,7 @@ export default { return component.ref?.onKeyDown(props) }, + onExit() { popup[0].destroy() component.destroy() diff --git a/demos/src/Nodes/Mention/Vue/suggestion.js b/demos/src/Nodes/Mention/Vue/suggestion.js index 1d938aca..d1478598 100644 --- a/demos/src/Nodes/Mention/Vue/suggestion.js +++ b/demos/src/Nodes/Mention/Vue/suggestion.js @@ -8,6 +8,7 @@ export default { 'Lea Thompson', 'Cyndi Lauper', 'Tom Cruise', 'Madonna', 'Jerry Hall', 'Joan Collins', 'Winona Ryder', 'Christina Applegate', 'Alyssa Milano', 'Molly Ringwald', 'Ally Sheedy', 'Debbie Harry', 'Olivia Newton-John', 'Elton John', 'Michael J. Fox', 'Axl Rose', 'Emilio Estevez', 'Ralph Macchio', 'Rob Lowe', 'Jennifer Grey', 'Mickey Rourke', 'John Cusack', 'Matthew Broderick', 'Justine Bateman', 'Lisa Bonet', ].filter(item => item.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5) }, + render: () => { let component let popup @@ -32,6 +33,7 @@ export default { placement: 'bottom-start', }) }, + onUpdate(props) { component.updateProps(props) @@ -39,6 +41,7 @@ export default { getReferenceClientRect: props.clientRect, }) }, + onKeyDown(props) { if (props.event.key === 'Escape') { popup[0].hide() @@ -48,6 +51,7 @@ export default { return component.ref?.onKeyDown(props) }, + onExit() { popup[0].destroy() component.destroy()