Unexpected Auto-scroll Behavior when Selecting Checkboxes/Radio Buttons

[wzyjason]

When checking a checkbox or selecting a radio button, the interface randomly automatically scrolls (or jumps) .
Could you please clarify if this is a known defect or if there is a configuration switch (e.g., auto-scroll, focus-scroll) to disable this behavior?

jsonSchema001.json

[germanbisurgi]

Hi @wzyjason , I noticed that using chinese in schema properties instead of only title and description leads to an ui attributes that look like this

<input type="radio" id="root--_-__-___-1" name="root--_-__-___" value="Lumbar spine" aria-describedby="root--_-__-___-messages root--_-__-___-description"                          

which leads to inputs with the same id, and on click is trying to set the wrong input.

try to change your schema to something more safe like from this

"现病史_起病情况_患病部位_中轴": {
  "title": "Spinal Segment"
}

to this:

"spinalSegment": {
  "title": "中轴"
}

[wzyjason]

Is it a problem that the key is in Chinese? But I changed the key to English and tested it, and I still had the same problem
{ "type": "object", "title": "入院记录", "x-titleHidden": false, "x-objectAdd": false, "x-enableCollapseToggle": false, "properties": { "presentIllnessHistory": { "title": "现病史", "type": "object", "x-objectAdd": false, "properties": { "onsetCondition": { "title": "起病情况", "type": "object", "x-objectAdd": false, "properties": { "illnessTime": { "title": "患病时间", "type": "string" }, "illnessCause": { "title": "患病诱因", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4", "5" ], "x-enumTitles": [ "无明显诱因", "外伤", "下肢不等长", "视觉或听力异常", "神经肌肉相关疾病" ] }, "affectedArea": { "title": "患病部位", "type": "object", "x-objectAdd": false, "properties": { "spinalDeformityType": { "title": "脊柱侧或后凸", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "左侧凸畸形", "右侧凸畸形", "后凸畸形" ] }, "affectedAreaSpecific": { "title": "部位", "type": "string" }, "axialSpine": { "title": "中轴", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "胸椎", "腰椎", "胸腰段" ] }, "shoulderSymmetry": { "title": "双肩是否等高", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "是", "左肩高", "右肩高" ] }, "legLengthEquality": { "title": "下肢是否等长", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "是", "左下肢长", "右下肢长" ] } } }, "localClinicalSymptoms": { "title": "局部临床表现", "type": "array", "x-format": "checkboxes-inline", "uniqueItems": true, "items": { "type": "string", "enum": [ "1", "2", "3", "4", "5" ], "x-enumTitles": [ "压痛", "胸闷", "憋喘", "畸形", "活动受限" ] } }, "limbMovementStatus": { "title": "肢体活动状态", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4" ], "x-enumTitles": [ "无异常", "无法站立行走", "仍可站立行走", "不能平卧" ] } } }, "diagnosisTreatment": { "title": "诊疗经过", "type": "object", "x-objectAdd": false, "properties": { "consultationTime": { "title": "就诊时间", "type": "string" }, "consultationLocation": { "title": "就诊地点", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2" ], "x-enumTitles": [ "外院", "我院" ] }, "initialDiagnosis": { "title": "初步诊断", "type": "string" }, "treatmentMethod": { "title": "治疗方式", "type": "array", "x-format": "checkboxes-inline", "uniqueItems": true, "items": { "type": "string", "enum": [ "1", "2", "3", "4", "5" ], "x-enumTitles": [ "未做治疗", "治具矫正", "推拿按摩", "肌肉功能锻炼", "其他" ] } }, "reliefDegree": { "title": "缓解程度", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "症状缓解", "症状部分缓解", "症状无缓解" ] } } }, "diseaseProgression": { "title": "疾病进展情况", "type": "object", "x-objectAdd": false, "properties": {} }, "admissionPurpose": { "title": "入院目的", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "明确诊断", "手术治疗", "其他" ] }, "admissionMethod": { "title": "入院方式", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2" ], "x-enumTitles": [ "急诊", "门诊" ] }, "mainAdmissionDiagnosis": { "title": "入院主要诊断", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4", "5" ], "x-enumTitles": [ "特发性脊柱侧弯", "神经纤维瘤病性脊柱侧弯", "休门氏病", "创伤性后侧或凸畸形", "其他" ] }, "generalConditionOnAdmission": { "title": "入院时一般情况", "type": "object", "x-objectAdd": false, "properties": { "mentalState": { "title": "精神状态", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4" ], "x-enumTitles": [ "1", "2", "3", "4" ] }, "consciousnessState": { "title": "意识状态", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4", "5" ], "x-enumTitles": [ "清醒", "淡漠", "昏迷", "呼之不应", "呼之可应" ] }, "qaResponse": { "title": "问答情况", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2" ], "x-enumTitles": [ "切题", "不切题" ] }, "dietaryCondition": { "title": "饮食情况", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4", "5", "6", "7" ], "x-enumTitles": [ "正常", "稀便", "干燥", "未解", "困难", "失禁", "疼痛" ] }, "sleepCondition": { "title": "睡眠情况", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "正常", "一般", "差" ] }, "stoolCondition": { "title": "大便情况", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4", "5", "6", "7" ], "x-enumTitles": [ "正常", "稀便", "干燥", "未解", "困难", "失禁", "疼痛" ] }, "urinationCondition": { "title": "小便情况", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3", "4", "5", "6", "7" ], "x-enumTitles": [ "正常", "未解", "困难", "失禁", "疼痛", "量少", "浑浊" ] }, "weightChangeValue": { "title": "体重变化数值", "type": "string" }, "weightChange": { "title": "体重变化情况", "type": "string", "x-format": "radios-inline", "x-enforceEnum": false, "enum": [ "1", "2", "3" ], "x-enumTitles": [ "无明显变化", "增加", "减少" ] } } } } } } }

[wzyjason]

{
    "type": "object",
    "title":"入院记录",
    "x-titleHidden": false,
    "x-objectAdd": false,
    "x-enableCollapseToggle": false,
    "properties": {
        "presentIllnessHistory": {
            "title": "现病史",
            "type": "object",
            "x-objectAdd": false,
            "properties": {
                "onsetCondition": {
                    "title": "起病情况",
                    "type": "object",
                    "x-objectAdd": false,
                    "properties": {
                        "illnessTime": {
                            "title": "患病时间",
                            "type": "string"
                        },
                        "illnessCause": {
                            "title": "患病诱因",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3",
                                "4",
                                "5"
                            ],
                            "x-enumTitles": [
                                "无明显诱因",
                                "外伤",
                                "下肢不等长",
                                "视觉或听力异常",
                                "神经肌肉相关疾病"
                            ]
                        },
                        "affectedArea": {
                            "title": "患病部位",
                            "type": "object",
                            "x-objectAdd": false,
                            "properties": {
                                "spinalDeformityType": {
                                    "title": "脊柱侧或后凸",
                                    "type": "string",
                                    "x-format": "radios-inline",
                                    "x-enforceEnum": false,
                                    "enum": [
                                        "1",
                                        "2",
                                        "3"
                                    ],
                                    "x-enumTitles": [
                                        "左侧凸畸形",
                                        "右侧凸畸形",
                                        "后凸畸形"
                                    ]
                                },
                                "affectedAreaSpecific": {
                                    "title": "部位",
                                    "type": "string"
                                },
                                "axialSpine": {
                                    "title": "中轴",
                                    "type": "string",
                                    "x-format": "radios-inline",
                                    "x-enforceEnum": false,
                                    "enum": [
                                        "1",
                                        "2",
                                        "3"
                                    ],
                                    "x-enumTitles": [
                                        "胸椎",
                                        "腰椎",
                                        "胸腰段"
                                    ]
                                },
                                "shoulderSymmetry": {
                                    "title": "双肩是否等高",
                                    "type": "string",
                                    "x-format": "radios-inline",
                                    "x-enforceEnum": false,
                                    "enum": [
                                        "1",
                                        "2",
                                        "3"
                                    ],
                                    "x-enumTitles": [
                                        "是",
                                        "左肩高",
                                        "右肩高"
                                    ]
                                },
                                "legLengthEquality": {
                                    "title": "下肢是否等长",
                                    "type": "string",
                                    "x-format": "radios-inline",
                                    "x-enforceEnum": false,
                                    "enum": [
                                        "1",
                                        "2",
                                        "3"
                                    ],
                                    "x-enumTitles": [
                                        "是",
                                        "左下肢长",
                                        "右下肢长"
                                    ]
                                }
                            }
                        },
                        "localClinicalSymptoms": {
                            "title": "局部临床表现",
                            "type": "array",
                            "x-format": "checkboxes-inline",
                            "uniqueItems": true,
                            "items": {
                                "type": "string",
                                "enum": [
                                    "1",
                                    "2",
                                    "3",
                                    "4",
                                    "5"
                                ],
                                "x-enumTitles": [
                                    "压痛",
                                    "胸闷",
                                    "憋喘",
                                    "畸形",
                                    "活动受限"
                                ]
                            }
                        },
                        "limbMovementStatus": {
                            "title": "肢体活动状态",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3",
                                "4"
                            ],
                            "x-enumTitles": [
                                "无异常",
                                "无法站立行走",
                                "仍可站立行走",
                                "不能平卧"
                            ]
                        }
                    }
                },
                "diagnosisTreatment": {
                    "title": "诊疗经过",
                    "type": "object",
                    "x-objectAdd": false,
                    "properties": {
                        "consultationTime": {
                            "title": "就诊时间",
                            "type": "string"
                        },
                        "consultationLocation": {
                            "title": "就诊地点",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2"
                            ],
                            "x-enumTitles": [
                                "外院",
                                "我院"
                            ]
                        },
                        "initialDiagnosis": {
                            "title": "初步诊断",
                            "type": "string"
                        },
                        "treatmentMethod": {
                            "title": "治疗方式",
                            "type": "array",
                            "x-format": "checkboxes-inline",
                            "uniqueItems": true,
                            "items": {
                                "type": "string",
                                "enum": [
                                    "1",
                                    "2",
                                    "3",
                                    "4",
                                    "5"
                                ],
                                "x-enumTitles": [
                                    "未做治疗",
                                    "治具矫正",
                                    "推拿按摩",
                                    "肌肉功能锻炼",
                                    "其他"
                                ]
                            }
                        },
                        "reliefDegree": {
                            "title": "缓解程度",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3"
                            ],
                            "x-enumTitles": [
                                "症状缓解",
                                "症状部分缓解",
                                "症状无缓解"
                            ]
                        }
                    }
                },
                "diseaseProgression": {
                    "title": "疾病进展情况",
                    "type": "object",
                    "x-objectAdd": false,
                    "properties": {}
                },
                "admissionPurpose": {
                    "title": "入院目的",
                    "type": "string",
                    "x-format": "radios-inline",
                    "x-enforceEnum": false,
                    "enum": [
                        "1",
                        "2",
                        "3"
                    ],
                    "x-enumTitles": [
                        "明确诊断",
                        "手术治疗",
                        "其他"
                    ]
                },
                "admissionMethod": {
                    "title": "入院方式",
                    "type": "string",
                    "x-format": "radios-inline",
                    "x-enforceEnum": false,
                    "enum": [
                        "1",
                        "2"
                    ],
                    "x-enumTitles": [
                        "急诊",
                        "门诊"
                    ]
                },
                "mainAdmissionDiagnosis": {
                    "title": "入院主要诊断",
                    "type": "string",
                    "x-format": "radios-inline",
                    "x-enforceEnum": false,
                    "enum": [
                        "1",
                        "2",
                        "3",
                        "4",
                        "5"
                    ],
                    "x-enumTitles": [
                        "特发性脊柱侧弯",
                        "神经纤维瘤病性脊柱侧弯",
                        "休门氏病",
                        "创伤性后侧或凸畸形",
                        "其他"
                    ]
                },
                "generalConditionOnAdmission": {
                    "title": "入院时一般情况",
                    "type": "object",
                    "x-objectAdd": false,
                    "properties": {
                        "mentalState": {
                            "title": "精神状态",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3",
                                "4"
                            ],
                            "x-enumTitles": [
                                "1",
                                "2",
                                "3",
                                "4"
                            ]
                        },
                        "consciousnessState": {
                            "title": "意识状态",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3",
                                "4",
                                "5"
                            ],
                            "x-enumTitles": [
                                "清醒",
                                "淡漠",
                                "昏迷",
                                "呼之不应",
                                "呼之可应"
                            ]
                        },
                        "qaResponse": {
                            "title": "问答情况",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2"
                            ],
                            "x-enumTitles": [
                                "切题",
                                "不切题"
                            ]
                        },
                        "dietaryCondition": {
                            "title": "饮食情况",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3",
                                "4",
                                "5",
                                "6",
                                "7"
                            ],
                            "x-enumTitles": [
                                "正常",
                                "稀便",
                                "干燥",
                                "未解",
                                "困难",
                                "失禁",
                                "疼痛"
                            ]
                        },
                        "sleepCondition": {
                            "title": "睡眠情况",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3"
                            ],
                            "x-enumTitles": [
                                "正常",
                                "一般",
                                "差"
                            ]
                        },
                        "stoolCondition": {
                            "title": "大便情况",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3",
                                "4",
                                "5",
                                "6",
                                "7"
                            ],
                            "x-enumTitles": [
                                "正常",
                                "稀便",
                                "干燥",
                                "未解",
                                "困难",
                                "失禁",
                                "疼痛"
                            ]
                        },
                        "urinationCondition": {
                            "title": "小便情况",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3",
                                "4",
                                "5",
                                "6",
                                "7"
                            ],
                            "x-enumTitles": [
                                "正常",
                                "未解",
                                "困难",
                                "失禁",
                                "疼痛",
                                "量少",
                                "浑浊"
                            ]
                        },
                        "weightChangeValue": {
                            "title": "体重变化数值",
                            "type": "string"
                        },
                        "weightChange": {
                            "title": "体重变化情况",
                            "type": "string",
                            "x-format": "radios-inline",
                            "x-enforceEnum": false,
                            "enum": [
                                "1",
                                "2",
                                "3"
                            ],
                            "x-enumTitles": [
                                "无明显变化",
                                "增加",
                                "减少"
                            ]
                        }
                    }
                }
            }
        }
    }
}