From c8a80cb56e23dd2d3ca99941a4a62550c368aa4d Mon Sep 17 00:00:00 2001
From: Louis Delbosc <louis.delbosc.prestataire@anct.gouv.fr>
Date: Fri, 16 Sep 2022 14:44:39 +0200
Subject: [PATCH] Replace disabled attribute by readonly attribute (#281)

Co-authored-by: Camille Saillard <camille.saillard.prestataire@anct.gouv.fr>
---
 app/client/ui/FieldConfig.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/client/ui/FieldConfig.ts b/app/client/ui/FieldConfig.ts
index f6230ad2..0cbaa1f7 100644
--- a/app/client/ui/FieldConfig.ts
+++ b/app/client/ui/FieldConfig.ts
@@ -50,7 +50,7 @@ export function buildNameConfig(owner: MultiHolder, origColumn: ColumnRec, curso
         ),
         cssInput(editableColId,
           saveColId,
-          dom.boolAttr('disabled', use => use(origColumn.disableModify) || !use(origColumn.untieColIdFromLabel)),
+          dom.boolAttr(`readonly`, use => use(origColumn.disableModify) || !use(origColumn.untieColIdFromLabel)),
           cssCodeBlock.cls(''),
           {style: 'margin-top: 8px'},
           testId('field-col-id'),
@@ -396,7 +396,7 @@ const cssInput = styled(textInput, `
     color: ${theme.inputPlaceholderFg};
   }
 
-  &:disabled {
+  &[readonly] {
     background-color: ${theme.inputDisabledBg};
     color: ${theme.inputDisabledFg};
   }