Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Popup _imageAlignment doesn't set the DOM order #139

Closed
kirsty-hames opened this issue Nov 30, 2023 · 0 comments · Fixed by #140
Closed

Popup _imageAlignment doesn't set the DOM order #139

kirsty-hames opened this issue Nov 30, 2023 · 0 comments · Fixed by #140
Assignees
@kirsty-hames
Labels
accessibility enhancement

Comments

@kirsty-hames
Copy link
Contributor

kirsty-hames commented Nov 30, 2023 •
edited
Loading

Subject of the issue

The popup image positioning _imageAlignment is handled via CSS flex styles instead of setting the DOM order. See screenshot below.

hotgrid_flex

Making the DOM order match the visual order is part of the WCAG success criteria.

Expected behaviour

I'd expect this to be consistent with Core Notify where _imageAlignment deters whether to render the image before or after the body.

tutor-popup

Issue initially raised here for reference cgkineo/adapt-hint#16
@kirsty-hames kirsty-hames self-assigned this Nov 30, 2023
@kirsty-hames kirsty-hames mentioned this issue Dec 4, 2023
Merged
kirsty-hames added a commit that referenced this issue Dec 20, 2023
@kirsty-hames
Update: expand _imageAlignment properties and set popup item DOM order (
1a52332 
fixes #139) (#140)

* use _imageAlignment condition to deter popup item content order

* popup image alignment styles updated inline with core notify

* use image partial for popup item image

* updated schema _imageAlignment property

* updated README _imageAlignment description

* bump FW to reflect min core version 6.43.2 required - adaptlearning/adapt-contrib-core@4db5616
github-actions bot pushed a commit that referenced this issue Dec 20, 2023
@semantic-release-bot
Chore(release): 4.5.0 [skip ci]
839c69c 
# [4.5.0](v4.4.4...v4.5.0) (2023-12-20)

### Update

* expand _imageAlignment properties and set popup item DOM order (fixes #139) (#140) ([1a52332](1a52332)), closes [#139](#139) [#140](#140)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@kirsty-hames kirsty-hames

Labels
accessibility enhancement
Projects
None yet
Milestone
No milestone
1 participant
@kirsty-hames