tutorialkit icon indicating copy to clipboard operation
tutorialkit copied to clipboard

Resizing Terminal is buggy because of the iframe

Open GaetanRouzies opened this issue 8 months ago • 1 comments

Describe the bug

The Terminal is not resizing correctly.

Link to a StackBlitz project which shows the error

https://demo.tutorialkit.dev/

Steps to reproduce

  1. Go to TutorialKit Demo
  2. Toggle the Terminal
  3. Try to resize the Terminal
  4. Sometime the resizing doesn't happens or is stuck

Expected behavior

The Terminal should resizing correctly.

Screenshots

Here's a video to show the bug

https://github.com/user-attachments/assets/1e9e2650-b5fd-40bb-8bf4-5fd1c548d2a1

Platform

  • TutorialKit version: Demo
  • OS: macOS
  • Browser: Chromium (Brave)
  • Version: 1.76

Additional context

I had this problem while making my own iframe and Terminal with panels I can resize. I fixed it by putting an overlay on the iframe when resizing. I think it’s because the iframe’s resize and mouse events stop the Terminal panel from resizing right.

GaetanRouzies avatar Mar 20 '25 03:03 GaetanRouzies