Image Block: Aligned images do not display lightboxes correctly in Classic theme

[t-hamano]

Description

In the classic theme, if "Align left", "Align center", or "Align right" is applied to the Image block, the position and size of the image opened by the lightbox are incorrect.

In the classic theme, which does not have theme.json, the outer div is restored, so I suspect this is why iAPI is not working properly.

Step-by-step reproduction instructions

• Activate Twenty Twenty-one
• Insert an Image block with the lightbox enabled.
• Apply Align {left|center|right}.
• Check out the lightbox in action on the front end.

Screenshots, screen recording, code snippet

0c1a091d024557c95a3433bc8d19df19.mp4

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[rohitmathur-7]

Hii @t-hamano ,
I tried to replicate this issue by following the steps mentioned by you but I was not able to replicate it.

Environment info:
WordPress Version: 6.8-alpha-59346
Theme: Twenty Twenty-One
Gutenberg Version: 19.6.0-rc.3

PFA the screenshot of the image I get after clicking on the images on frontend.
Please let me know if we needed to follow any additional steps to replicate the issue. 🙇
Thanks!