fabricjs / fabric.js

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

Home Page:http://fabricjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: hidden textarea make parent overflow hidden div scroll when editing

Topppy opened this issue · comments

CheckList

  • I agree to follow this project's Code of Conduct
  • I have read and followed the Contributing Guide
  • I have read and followed the Issue Tracker Guide
  • I have searched and referenced existing issues and discussions
  • I am filing a BUG report.
  • I have managed to reproduce the bug after upgrading to the latest version
  • I have created an accurate and minimal reproduction

Version

4.5.0

In What environments are you experiencing the problem?

Chrome

Node Version (if applicable)

None

Link To Reproduction

https://stackoverflow.com/questions/44539427/textarea-does-not-respect-its-position-absolute-if-its-in-wrapper-with-overflow

Steps To Reproduce

When an iText element is inserted at the bottom of a canvas of the same size as the body (100vh height and 100vw width), and the user enters edit mode, types any word, and then presses 'Enter', the caret moves out of view.

Expected Behavior

This action causes the body to scroll, despite the 'overflow: hidden' property set on the body. This behavior is observed in the Chrome browser, indicating a potential issue with the 'overflow: hidden' property not functioning as expected. [windows 11]

On the Mac platform, pressing 'Enter' when the caret has already exceeded the visible area height does not cause the body to scroll or the line to break, indicating different behavior across platforms.

Actual Behavior

This action causes the body to scroll, despite the 'overflow: hidden' property set on the body. This behavior is observed in the Chrome browser, indicating a potential issue with the 'overflow: hidden' property not functioning as expected. [windows 11]

Error Message & Stack Trace

It seems like problem :https://stackoverflow.com/questions/44539427/textarea-does-not-respect-its-position-absolute-if-its-in-wrapper-with-overflow . hope helpfull