fix(blocks): code block and image block pop-over z-index issues in affine

[golok727]

Create a new stacking context at the editor-host, allowing popups to use it as the parent context instead of body.

• editor-host

  • code-block

    • language-list-btn-portal *
    • code-toolbar-portal *

  • image-block

    • image-toolbar-portal *

  • lang-list

  • code-more-menu *

  • image-more-menu *

• All items marked with "*" will share the same stacking context at editor-host

BS-667 BS-635

Before

https://github.com/toeverything/blocksuite/assets/123532141/6bfdff21-4d3f-4fb1-afd2-09b9ceb32130

After

https://github.com/toeverything/blocksuite/assets/123532141/1182f012-dbcd-40c1-8f92-f9063744e5fc

• [x] in page header
• [x] in center peek
• [ ] in ai panel

[graphite-app[bot]]

Your org has enabled the Graphite merge queue for merging into master

Add the label “merge” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blocksuite	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 27, 2024 8:47am

1 Ignored Deployment

| Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **blocksuite-docs** | ⬜️ Ignored ([Inspect](https://vercel.com/toeverything/blocksuite-docs/4nQrp1kPyGCmGdD7CfqFR5NMTrKv)) | [Visit Preview](https://blocksuite-docs-git-06-25-fixblockscodebloc-e7a86f-toeverything.vercel.app) | | Jun 27, 2024 8:47am |

[golok727]

• #7409 👈
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @golok727 and the rest of your teammates on Graphite

[L-Sun]

Here is another problem about code block toolbar BS-660. May be it is solved by this PR?

[golok727]

@L-Sun I think the problem with ai panel is within AFFiNE. Its using the workspace container instead of the editor-host as context in the chat panel. Let's land this and fix it there!

[graphite-app[bot]]

Merge activity

• Jun 27, 4:42 AM EDT: EYHN added this pull request to the Graphite merge queue.
• Jun 27, 4:57 AM EDT: EYHN merged this pull request with the Graphite merge queue.