fix(ui5-button): make aria-labelledby work with numeric id (#1500)

Author: fifoosid

packages/main/src/Button.js

@@ -338,7 +338,7 @@ class Button extends UI5Element {
 		let result = "";
 
 		ids.forEach((elementId, index) => {
-			const element = owner.querySelector(`#${elementId}`);
+			const element = owner.querySelector(`[id='${elementId}']`);
 			result += `${element ? element.textContent : ""}`;
 
 			if (index < ids.length - 1) {

packages/main/test/pages/Button.html

@@ -69,10 +69,10 @@
 	<br />
 	<br />
 
-	<ui5-label id="download-text">Download Application</ui5-label>
+	<ui5-label id="1download-text">Download Application</ui5-label>
 	<ui5-label id="download-text2">From This Button</ui5-label>
-	<ui5-button icon="employee" aria-labelledby="download-text download-text2">Action Bar Button</ui5-button>
-	<ui5-button icon="download" aria-labelledby="download-text"></ui5-button>
+	<ui5-button icon="employee" aria-labelledby="1download-text download-text2">Action Bar Button</ui5-button>
+	<ui5-button icon="download" aria-labelledby="1download-text"></ui5-button>
 
 
 	<br/>