I encountered an alignment issue while attempting to implement a drop-down menu for the RTL (right-to-left) version. Despite my efforts, the design consistently exhibits incorrect alignment. Upon investigating the coreui package in Angular, I identified a problem in the scss file located at "node_modules@coreui\coreui\scss_dropdown.scss", specifically at line 57:
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
To resolve this issue and provide support for RTL, I recommend modifying the "text-align" property to "start". This adjustment will ensure the appropriate alignment for RTL layouts.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions
I encountered an alignment issue while attempting to implement a drop-down menu for the RTL (right-to-left) version. Despite my efforts, the design consistently exhibits incorrect alignment. Upon investigating the coreui package in Angular, I identified a problem in the scss file located at "node_modules@coreui\coreui\scss_dropdown.scss", specifically at line 57:
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
To resolve this issue and provide support for RTL, I recommend modifying the "text-align" property to "start". This adjustment will ensure the appropriate alignment for RTL layouts.
Version: 4.7.0