work for the #8209

surveyjs · May 16, 2024 · ff2171e · ff2171e
1 parent d890e1d
commit ff2171e
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 6 deletions.
diff --git a/packages/survey-angular-ui/src/questions/checkbox-item.component.html b/packages/survey-angular-ui/src/questions/checkbox-item.component.html
@@ -1,3 +1,3 @@
 <input type="checkbox" role="option" [name]="question.name+model.id" [id]="question.getItemId(model)" [class]="question.cssClasses.itemControl"
-  [disabled]="!question.getItemEnabled(model)" [checked]="question.isItemSelected(model)" [value]="model.value" (change)="onChange($event)"/>
+  [disabled]="!question.getItemEnabled(model)" [attr.readonly]="question.isReadOnlyAttr" [checked]="question.isItemSelected(model)" [value]="model.value" (change)="onChange($event)"/>
 <ng-content></ng-content>
diff --git a/packages/survey-angular-ui/src/questions/radiogroup-item.component.html b/packages/survey-angular-ui/src/questions/radiogroup-item.component.html
@@ -1,4 +1,4 @@
 <input type="radio" [name]="question.questionName" [attr.name]="question.questionName" [id]="question.getItemId(model)" [attr.aria-errormessage]="question.ariaErrormessage" [class]="question.cssClasses.itemControl"
-  [disabled]="!question.getItemEnabled(model)" [(ngModel)]="question.renderedValue" [attr.value]="model.value" [value]="model.value"
+  [disabled]="!question.getItemEnabled(model)" [attr.readonly]="question.isReadOnlyAttr" [(ngModel)]="question.renderedValue" [attr.value]="model.value" [value]="model.value"
 />
 <ng-content></ng-content>
diff --git a/packages/survey-angular-ui/src/questions/text.component.html b/packages/survey-angular-ui/src/questions/text.component.html
@@ -8,9 +8,9 @@
   <div *ngIf="model.isReadOnlyRenderDiv()" #contentElement>{{ value }}</div>
   <ng-template #input>
     <input [style]="model.inputStyle" [class]="model.getControlClass()" [attr.list]="model.dataListId"
-    (change)="model.onChange($event)" [value]="value" [disabled]="model.isInputReadOnly" [type]="model.inputType" [id]="model.inputId" [attr.placeholder]="model.renderedPlaceholder || ''"
+    (change)="model.onChange($event)" [value]="value" [disabled]="model.isDisabledAttr" [type]="model.inputType" [id]="model.inputId" [attr.placeholder]="model.renderedPlaceholder || ''"
     (keyup)="model.onKeyUp($event)" (keydown)="model.onKeyDown($event)" (blur)="model.onBlur($event)" (focus)="model.onFocus($event)" (compositionupdate)="model.onCompositionUpdate($event)" 
-    [attr.size] = "model.renderedInputSize" [attr.maxlength]= "model.getMaxLength()" [attr.min]="model.renderedMin"
+    [attr.size] = "model.renderedInputSize" [attr.maxlength]= "model.getMaxLength()" [attr.min]="model.renderedMin" [attr.readonly]="model.isReadOnlyAttr"
     [attr.max]="model.renderedMax" [attr.step]="model.renderedStep" [attr.max]="model.renderedMax" [attr.aria-required]="model.a11y_input_ariaRequired"
     [attr.aria-label]="model.a11y_input_ariaLabel" [attr.aria-labelledby]="model.a11y_input_ariaLabelledBy" [attr.aria-describedby]="model.a11y_input_ariaDescribedBy"[attr.aria-invalid]="model.a11y_input_ariaInvalid" [attr.aria-errormessage]="model.a11y_input_ariaErrormessage" [attr.autocomplete]="model.autocomplete" #contentElement/>
     <sv-ng-character-counter *ngIf="model.getMaxLength()" 

diff --git a/packages/survey-vue3-ui/src/CheckboxItem.vue b/packages/survey-vue3-ui/src/CheckboxItem.vue
@@ -14,6 +14,7 @@
         :value="item.value"
         :id="question.getItemId(item)"
         :disabled="!question.getItemEnabled(item)"
+        :readonly="question.isReadOnlyAttr"
         :class="question.cssClasses.itemControl"
       /><span
         v-if="question.cssClasses.materialDecorator"

diff --git a/packages/survey-vue3-ui/src/RadiogroupItem.vue b/packages/survey-vue3-ui/src/RadiogroupItem.vue
@@ -9,6 +9,7 @@
         :aria-errormessage="question.ariaErrormessage"
         v-model="renderedValue"
         :disabled="!question.getItemEnabled(item)"
+        :readonly="question.isReadOnlyAttr"
         :class="question.cssClasses.itemControl"
       /><span
         v-if="question.cssClasses.materialDecorator"

diff --git a/packages/survey-vue3-ui/src/TextInput.vue b/packages/survey-vue3-ui/src/TextInput.vue
@@ -2,7 +2,8 @@
   <input
     v-if="!question.getMaxLength()"
     :ref="(el)=>getRef(el as HTMLElement)"
-    :disabled="question.isInputReadOnly"
+    :disabled="question.isDisabledAttr"
+    :readonly="question.isReadOnlyAttr"
     :class="question.getControlClass()"
     :type="question.inputType"
     :maxlength="question.getMaxLength()"
@@ -31,7 +32,7 @@
   />
   <div v-else :ref="(el)=>getRef(el as HTMLElement)">
     <input
-      :disabled="question.isInputReadOnly"
+      :disabled="question.isDisabledAttr"
       :class="question.getControlClass()"
       :type="question.inputType"
       :maxlength="question.getMaxLength()"