[WC-2899] Fix wrong read-only style (#1509)

Author: leonardomendix

packages/pluggableWidgets/dropdown-sort-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+-   We removed read only style being applied incorrectly.
+
 ## [1.2.1] - 2024-09-23
 
 ### Changed

packages/pluggableWidgets/dropdown-sort-web/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mendix/dropdown-sort-web",
     "widgetName": "DropdownSort",
-    "version": "1.2.1",
+    "version": "1.2.2",
     "description": "",
     "copyright": "© Mendix Technology BV 2025. All rights reserved.",
     "private": true,

packages/pluggableWidgets/dropdown-sort-web/src/components/SortComponent.tsx

@@ -125,7 +125,6 @@ export function SortComponent(props: SortComponentProps): ReactElement {
                     aria-expanded={show}
                     aria-controls={`${props.id}-dropdown-list`}
                     aria-label={props.screenReaderInputCaption}
-                    readOnly
                 />
                 <button
                     aria-label={props.screenReaderButtonCaption}

packages/pluggableWidgets/dropdown-sort-web/src/components/__test__/__snapshots__/DropdownSort.spec.tsx.snap

@@ -14,7 +14,6 @@ exports[`Dropdown Sort with single instance with correct context renders correct
         aria-expanded="false"
         aria-haspopup="true"
         class="form-control dropdown-triggerer"
-        readonly=""
         value="Option 1"
       />
       <button

packages/pluggableWidgets/dropdown-sort-web/src/components/__test__/__snapshots__/SortComponent.spec.tsx.snap

@@ -15,7 +15,6 @@ exports[`Sort selector renders correctly with a11y properties 1`] = `
         aria-haspopup="true"
         aria-label="my input"
         class="form-control dropdown-triggerer"
-        readonly=""
         value=""
       />
       <button
@@ -41,7 +40,6 @@ exports[`Sort selector renders correctly with no options 1`] = `
         aria-expanded="false"
         aria-haspopup="true"
         class="form-control dropdown-triggerer"
-        readonly=""
         value=""
       />
       <button
@@ -66,7 +64,6 @@ exports[`Sort selector renders correctly with options 1`] = `
         aria-expanded="false"
         aria-haspopup="true"
         class="form-control dropdown-triggerer"
-        readonly=""
         value=""
       />
       <button
@@ -92,7 +89,6 @@ exports[`Sort selector renders correctly with placeholder 1`] = `
         aria-haspopup="true"
         class="form-control dropdown-triggerer"
         placeholder="find me"
-        readonly=""
         value=""
       />
       <button

packages/pluggableWidgets/dropdown-sort-web/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="DropdownSort" version="1.2.1" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="DropdownSort" version="1.2.2" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="DropdownSort.xml" />
         </widgetFiles>