adobe / aem-core-wcm-components

Standardized components to build websites with AEM.
https://docs.adobe.com/content/help/en/experience-manager-core-components/using/introduction.html
Apache License 2.0
726 stars 735 forks source link

"Form Text-Number Field Allowing Letters, Inconsistent Behavior Across Browsers" #2653

Open samyuktha0405 opened 6 months ago

samyuktha0405 commented 6 months ago

Bug Report

Current Behavior The Form Text-Number field allows the input of letters along with numbers, exhibiting different behavior in various browsers. In Chrome, only the letter "E" can be entered, while in Safari and Firefox, any letter is accepted. This contradicts the expected behavior of allowing only numbers in the Form Text-Number field.

Expected behavior/code The Form Text-Number field should only allow the input of numbers and should exhibit consistent behavior across different browsers.

Steps to Reproduce

  1. Create a page and add the core form container to the page.

  2. Add the Form Text component inside the parsys of the Form container.

  3. Select "Number" from the Constraint dropdown field. image

  4. Configure the fields as shown below and click on "Done."

  5. In Chrome, go to the published mode of the page and type a number including 'e' (e.g., 123e3). It allows the addition of 'e' along with numbers.

image

  1. Open the same page in Mozilla Firefox and Safari browsers. Start typing some letters in the text field; it allows the addition of both letters and numbers. image

Environment