Coder Social home page Coder Social logo

Comments (7)

tzfun avatar tzfun commented on July 20, 2024 1

OK, thanks. The update of Vue3 will be delayed for a while, because we are currently rewriting a version of Vue3 with TS.

from vue-web-terminal.

tzfun avatar tzfun commented on July 20, 2024

I can't reproduce your problem, and I created a codesandbox, you try it in your environment to see if it appears, if it can show that this is a specific device bug, I can't appear in the Mac environment, if it does not appear, you should consider whether there is a cache when using your environment?

codesandbox:https://codesandbox.io/s/rough-thunder-hh3yuj

from vue-web-terminal.

michaelKurowski avatar michaelKurowski commented on July 20, 2024

I also don't seem to encounter this issue anymore. I don't think it was a cache as 3 other ppl encountered it (in total that would be 2 different windows users and one Linux), one of them tried the app for the first time. 🤔
Other variables that might have contributed were:

  • I've had more than one terminal instance open
  • I've been using dragging config on both of them

I hope maybe this gives any hints, maybe this specific arrangment would cause issues, since I've briefly browsed your code and seems like you've been calculating the cursor position based on several factors I believe some of them were DOM based. It is possible that the fact that there were 2 instances, both draggable would impact the calculations somehow. I'll let you know if the bug reappears and provide you with a better way to reproduce it.

from vue-web-terminal.

tzfun avatar tzfun commented on July 20, 2024

I tested two instances according to the operation steps you provided, and I still didn’t find the problem of cursor misalignment, but I found another dragging bug: multi-instance dragging will only take effect for one instance😅

In the next version I will fix this dragging bug and I will also try to review the logic code of the cursor position calculation, if it exists and fix it, I will propose it in the version update log.

from vue-web-terminal.

michaelKurowski avatar michaelKurowski commented on July 20, 2024

We catched the error again and the windows are no longer draggable, I'll let you know once we have a solid way to reproduce it.

from vue-web-terminal.

tzfun avatar tzfun commented on July 20, 2024

@michaelKurowski The cause of the cursor misplacement problem has been found: when the Terminal is initialized, it is not displayed in the browser view, resulting in a calculated character width of 0px, this calculation uses getBoundingClientRect().

This problem will be fixed in the next version. @birdmanmandbir

from vue-web-terminal.

tzfun avatar tzfun commented on July 20, 2024

2.1.8 and 3.1.4 versions are fixed. @michaelKurowski

from vue-web-terminal.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.