fix(ui5-multi-input): focus tokens on BACKSPACE for inputs of type 'N…

…umber' and 'Email'

related to #8712

packages/main/src/MultiInput.ts

@@ -290,7 +290,11 @@ class MultiInput extends Input {
 		const tokens = this.tokens;
 		const lastToken = tokens.length && tokens[tokens.length - 1];
 
-		if (cursorPosition === 0 && lastToken) {
+		// Selection is only permitted with text/search, URL, tel and password.
+		// The likely reason that selection has been disabled for inputs of type number
+		// is that on some devices, or under some circumstances (e.g., when the input
+		// has been is presented as a short list), there might not be a caret.
+		if ((((this.type === "Number" || this.type === "Email") && !this.value) || cursorPosition === 0) && lastToken) {
 			e.preventDefault();
 			lastToken.focus();
 			this.tokenizer._itemNav.setCurrentItem(lastToken);

packages/main/test/specs/MultiInput.spec.js

@@ -544,6 +544,21 @@ describe("Keyboard handling", () => {
 		assert.equal(await input.getProperty("focused"), true, "The input is focused");
 	});
 
+	it("should focus token on backspace for inputs of type 'Number' and 'Email'", async () => {
+		const input = await browser.$("#two-tokens");
+		const innerInput = await input.shadow$("input");
+		const lastToken = await browser.$("#two-tokens ui5-token#secondToken");
+
+		// Act
+		await input.setProperty("value", "");
+		await input.setProperty("type", "Number");
+
+		await innerInput.click();
+		await browser.keys("Backspace");
+
+		assert.ok(await lastToken.getProperty("focused"), "The last token is focused on Backspace");
+	});
+
 	it("should delete token on backspace", async () => {
 		const input = await browser.$("#two-tokens");
 		const innerInput = await input.shadow$("input");