Fix issue with CodeBlock language list overflow

[markkop-halborn]

Tries to fix https://github.com/hunghg255/reactjs-tiptap-editor/issues/74 Generated by AI (Github Workspace), still needs testing

---

Make the language list in the CodeBlock component scrollable to prevent it from getting out of the screen if too big.

• CodeBlockActiveButton.tsx

  • Replace DropdownMenu with Select component.
  • Set a maximum height and make the dropdown menu scrollable.

• select.tsx

  • Add a maximum height and make the SelectContent component scrollable.

• NodeViewCodeBlock.tsx

  • Set a maximum height and make the language dropdown scrollable.

• index.module.scss

  • Add styles to ensure the language list is scrollable.

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
reactjs-tiptap-editor	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 18, 2024 11:58pm