From bc4efede90a25faafc402751b5843d77886fce68 Mon Sep 17 00:00:00 2001
From: paulober <44974737+paulober@users.noreply.github.com>
Date: Wed, 27 Mar 2024 13:23:42 +0100
Subject: [PATCH] Fix webview crash on dropdown button click

Signed-off-by: paulober <44974737+paulober@users.noreply.github.com>
---
 src/webview/newProjectPanel.mts |  2 +-
 web/nav.js                      | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/webview/newProjectPanel.mts b/src/webview/newProjectPanel.mts
index 274872e..2f6c75d 100644
--- a/src/webview/newProjectPanel.mts
+++ b/src/webview/newProjectPanel.mts
@@ -1434,7 +1434,7 @@ export class NewProjectPanel {
                               ? `   
                               <ul id="examples-list"></ul>                          
                           <!--<datalist id="examples-list">
-                            <option value="${this._examples
+                            <option value="\${this._examples
                               .map(e => e.searchKey)
                               .join(
                                 '">example project</option>\n<option value="'
diff --git a/web/nav.js b/web/nav.js
index 95394c6..77c95cd 100644
--- a/web/nav.js
+++ b/web/nav.js
@@ -155,8 +155,10 @@ window.toggleCreateFromExampleMode = function (forceOn, forceOff) {
       projectNameInput.setAttribute('placeholder', 'Select an example');
 
       window.removeExampleItems = window.removeExampleItems || function () {
-        // clear ul
-        examplesList.innerHTML = '';
+        if (examplesList !== null) {
+          // clear ul
+          examplesList.innerHTML = '';
+        }
       };
 
       window.examplesListSelect = window.examplesListSelect || function (exampleName) {
@@ -176,7 +178,7 @@ window.toggleCreateFromExampleMode = function (forceOn, forceOff) {
 
       window.handleOutsideSuggestionsClick = window.handleOutsideSuggestionsClick || function (event) {
         // check if the clicked element is not inside the examplesList
-        if (!examplesList.contains(event.target)) {
+        if (!examplesList.contains(event.target) && event.target !== projectNameDropdownButton) {
           // click occurred outside the suggestions "popup" so remove the suggestions
           removeExampleItems();
           removeClickOutsideSuggestionsListener();
@@ -228,6 +230,9 @@ window.toggleCreateFromExampleMode = function (forceOn, forceOff) {
       };
 
       projectNameDropdownButton.addEventListener('click', (event) => {
+        // without this the webview crashes if project name input contains any text
+        event.preventDefault();
+
         if (examplesList.childNodes.length === 0) {
           // this is required to prevent the outside suggestions listener to fire after it has been
           // added below