Readonly proprty not working for Dropdownlist

[Aravind Rajagopal]

I have the following dropdown list component in my application.

<DropDownListComponent id="taskStateSelector"

                  ref={taskStateSelector}

                  readonly={activityStateDisabledStatus}

                  change={onStateChange}

                  fields={fields}

                  dataSource={activityCompletionStatus}

                  value={completionStatusId}

                  valueTemplate={selectedStateTemplate}

                  itemTemplate={stateTemplate}

                  popupWidth="95px"

                  delayUpdate={false}

                  width="130px"

                />

The readonly property as explained in the documentation should disable it, if its true.

However the same is not happening, even if "true" is passed to that property.

[Ponmani Murugaiyan]

Hi Aravind,

Yes, the readonly property will prevent the interaction of the component like( the popup will not be opened, we can type anything and also the background color will changed)as like below screenshot.

API: https://ej2.syncfusion.com/react/documentation/api/drop-down-list/#readonly

Sample: https://stackblitz.com/edit/react-96jpzg

Kindly check with the above sample, if issue still exists in your end, please share the additional details to investigate further in our end.

1. Share issue replicating image or video demonstration.
2. If possible, share issue reproducing sample.

Regards,

Ponmani M