You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Mar 27, 2023. It is now read-only.
For clr-wizard in 12.0.9 and 12.0.10, buttons are placed directly below form instead of being locked vertically at the bottom of the form. When navigating between pages with forms of varying vertical height, the buttons move position impacting usability.
How to reproduce
For any clr-wizard create a page with some default buttons.
Observe buttons are not placed in bottom-right corner.
Using browser dev tools, the form content div now uses "modal-body-wrapper" whereas prior to 12.0.9 it was "modal-body". Manually changing the class on this div to "modal-body" resolves the issue. I believe this regression is a side-effect of this commit: 541c927
Only workaround found was to revert back to 12.0.8.
Expected behavior
Wizard buttons should be placed vertically at the bottom.
Versions
Clarity project:
Clarity Core
Clarity Angular/UI
Clarity version:
v3.x
v4.x
v5.x
Framework:
Angular
React
Vue
Other:
Framework version:
Angular 12.2.15
Device:
Type: PC
OS: Windows 10
Browser: Chrome
Version: 97.0.4692.99
Additional notes
The text was updated successfully, but these errors were encountered:
Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.
Describe the bug
For clr-wizard in 12.0.9 and 12.0.10, buttons are placed directly below form instead of being locked vertically at the bottom of the form. When navigating between pages with forms of varying vertical height, the buttons move position impacting usability.
How to reproduce
Using browser dev tools, the form content div now uses "modal-body-wrapper" whereas prior to 12.0.9 it was "modal-body". Manually changing the class on this div to "modal-body" resolves the issue. I believe this regression is a side-effect of this commit:
541c927
Only workaround found was to revert back to 12.0.8.
Expected behavior
Wizard buttons should be placed vertically at the bottom.
Versions
Clarity project:
Clarity version:
Framework:
Framework version:
Angular 12.2.15
Device:
Additional notes
The text was updated successfully, but these errors were encountered: