forked from
me.webbeef.org/browser.html
Rewild Your Web
mobile: select the whole url when opening the action bar
Signed-off-by: webbeef <me@webbeef.org>
+18
-5
+18
-5
ui/system/mobile_action_bar.js
+18
-5
ui/system/mobile_action_bar.js
···
37
37
this.initSearchController();
38
38
}
39
39
40
+
updated(changedProperties) {
41
+
if (changedProperties.has("open") && this.open) {
42
+
// Select the whole input when opening
43
+
this.updateComplete.then(() => {
44
+
const input = this.shadowRoot.querySelector(".url-input");
45
+
input?.select();
46
+
});
47
+
}
48
+
}
49
+
40
50
initSearchController() {
41
51
this.searchController = new SearchController({
42
52
onNavigate: (url) => this.navigateTo(url),
43
-
onSelectWebView: (windowId, webviewId) => this.selectWebView(windowId, webviewId),
53
+
onSelectWebView: (windowId, webviewId) =>
54
+
this.selectWebView(windowId, webviewId),
44
55
onResultsChanged: (results, groups) => {
45
56
this.results = results;
46
57
this.groups = groups;
···
152
163
153
164
handleHome() {
154
165
this.dispatchEvent(
155
-
new CustomEvent("action-home", { bubbles: true, composed: true })
166
+
new CustomEvent("action-home", { bubbles: true, composed: true }),
156
167
);
157
168
this.hide();
158
169
}
···
185
196
handleMore() {
186
197
// Dispatch event for more menu
187
198
this.dispatchEvent(
188
-
new CustomEvent("action-more", { bubbles: true, composed: true })
199
+
new CustomEvent("action-more", { bubbles: true, composed: true }),
189
200
);
190
201
}
191
202
···
201
212
<div class="result-group">
202
213
<div class="result-group-icon">
203
214
${group.providerIcon
204
-
? html`<lucide-icon name="${group.providerIcon}"></lucide-icon>`
215
+
? html`<lucide-icon
216
+
name="${group.providerIcon}"
217
+
></lucide-icon>`
205
218
: ""}
206
219
</div>
207
220
<div class="result-group-items">
208
221
${group.items.map((result) => this.renderResult(result))}
209
222
</div>
210
223
</div>
211
-
`
224
+
`,
212
225
)}
213
226
</div>
214
227
`;