fix: bbox input becomes valid after deleting its value in search dialog

src/fetch-dialog/dynamic.ts

@@ -306,7 +306,10 @@ export default abstract class DynamicNoteFetchDialog extends NoteFetchDialog {
 	private validateBbox(): boolean {
 		if (!this.$bboxInput) return true
 		const value=this.$bboxInput.value.trim()
-		if (!this.withBboxRequiredWhenPresent && value=='') return true
+		if (!this.withBboxRequiredWhenPresent && value=='') {
+			this.$bboxInput.setCustomValidity('')
+			return true
+		}
 		const lead=this.withBboxRequiredWhenPresent?``:`if provided, `
 		const splitValue=value.split(',')
 		if (splitValue.length!=4) {

test-browser/index.js

@@ -374,6 +374,17 @@ describe("browser tests",function(){
 		await this.assertText(page,"the-first-note")
 		await this.assertNoText(page,"the-second-note")
 	})
+	it("considers bbox value valid after entering and deleting text in search tab",async function(){
+		const page=await this.openPage()
+		const fetchButton=await this.waitForFetchButton()
+		const bboxInput=await page.$('#tab-panel-Search input[name=bbox]')
+		await bboxInput.type('x')
+		await page.keyboard.press('Backspace')
+		assert.notEqual(
+			await page.$('#tab-panel-Search input[name=bbox]:valid'),
+			null
+		)
+	})
 
 	// keyboard controls
 

tools/osm-server.js

@@ -92,6 +92,9 @@ export default async function runOsmServer(authRedirectUrl,port=0) {
 		get config() {
 			return [{
 				web: this.url,
+				api: {
+					noteSearchBbox: true
+				},
 				tiles: `${this.url}{z}/{x}/{y}.png`,
 				note: `Test server bundled on ${new Date().toISOString()}`,
 				oauth: {