CP A11Y: Text and Table interactions not keyboard accessible

Description

Acceptance Criteria

1. Focus must be moved to Text and Table dialogs once opened
2. Dialog open transition/animation happens for Text and Table dialogs.

Background

This has previously been working but stopped working when we introduced the "adaptive popup sizes".
More specifically, setting the 'top' attribute before the animation/transition is triggered prevents the transition from ever happening. This is bad since the focus code relies on the 'transitionend' which then never happens.

Suggested solutions:
1. Set the correct 'top' after the dialog is appended to the DOM so that the transition happens.
2. Use a timeout() instead of waiting for 'transitionend'.

This is where the 'top' is currently set:
https://github.com/h5p/h5p-course-presentation/commit/750111dbb6be223069e586db95e691bbf54c4553#diff-21a17885223002a8f12fac0d7b49d090R1386

Environment

None

Acceptance Criteria

None

Assignee

Pål Jørgensen

Reporter

Frode Petterson

Funding

None

Code reviewer

Frode Petterson

Released

None

Time tracking

4h

Fix versions

Sprint

None

Affects versions

Priority

Medium
Configure