Actions
Defect #39795
closed
Fix improper error highlighting for description field in issue form
Start date:
Due date:
% Done:
0%
Estimated time:
Resolution:
Fixed
Affected version:
Description
There is a feature that highlights input fields with a red border when a validation error occurs. An issue was identified with the 'Description' field, set as a mandatory input. When a validation error is triggered in this field, the red border is incorrectly positioned.
This problem does not occur with 'Long text' format custom fields. The notable difference is that the 'Description' field contains a 'span#issue_description_and_toolbar' element, which causes the red border to be displayed around the span tag, unlike in custom fields.
Files
Updated by Mizuki ISHIKAWA 12 months ago
- File clipboard-202312081437-h8wy5.png clipboard-202312081437-h8wy5.png added
- File clipboard-202312081438-exxmp.png clipboard-202312081438-exxmp.png added
The issue can be resolved by modifying the CSS as follows:
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index b92a34d68..3ef6e6180 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -905,7 +905,7 @@ label.block {
color: #bb0000;
}
-.tabular label.error + * {
+.tabular label.error + *:not(span), .tabular label.error + span div.jstBlock {
border: 1px solid #bb0000;
}
Screen after fixed:
Updated by Mizuki ISHIKAWA 12 months ago
- File fix-39795.patch fix-39795.patch added
The changes in #note-1 were not completely resolved, so I am attaching the patch again.
Updated by 
Actions