SKY UX 2 is the new version of Blackbaud’s user experience framework that implements Blackbaud design patterns. It extends the framework to abstract many complexities of modern web development and takes advantage of Angular 2 to increase the tooling, testing, and performance available.
When a Wizard is launched, the content of which is large enough that the wizard would display outside of the Viewport the wizard should resize properly and show the scroll bar.
Actual behavior
Wizard doesn't resize, navigation buttons on the window are outside of the viewport and therefore inaccessible. If browser is resized at all the wizard fixes itself for the duration of the wizard display.
Steps to reproduce
Can be reproduced using the demo in SKY UX 2 docs with a sufficiently small viewport. Resize viewport, launch wizard, observe buttons are not accessible.
Expected behavior
When a Wizard is launched, the content of which is large enough that the wizard would display outside of the Viewport the wizard should resize properly and show the scroll bar.
Actual behavior
Wizard doesn't resize, navigation buttons on the window are outside of the viewport and therefore inaccessible. If browser is resized at all the wizard fixes itself for the duration of the wizard display.
Steps to reproduce
Can be reproduced using the demo in SKY UX 2 docs with a sufficiently small viewport. Resize viewport, launch wizard, observe buttons are not accessible.
Plunker (see example SKY UX 2 plunker template at: https://plnkr.co/edit/GeP22YbirEzceF3NVu39?p=preview)
https://plnkr.co/edit/4n2kQgTNyhgPVCY6HkA0?p=preview
Resize window so wizard won't be able to fully display and click button to show the wizard.
Severity
Medium/High
Impact
Wizard functionally unusable with combinations of content size and browser viewport.