Comments (7)
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.
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.
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.
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.
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.
@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.
2.1.8
and 3.1.4
versions are fixed. @michaelKurowski
from vue-web-terminal.
Related Issues (20)
- No way to customize autocomplete HOT 3
- clone后编译会直接报错 HOT 1
- 关于api设计的问题 HOT 2
- head support dbclick for fullscreen
- support Clipboard by right click
- export other function component
- Support rename HOT 4
- Multi instance dragging will only take effect for one instance HOT 2
- Support ANSI code filter HOT 2
- Remove the hump event name and change it to a dash name HOT 3
- vue3.0里使用报错 HOT 4
- 使用界面出现undefined,并且无法显示文字 HOT 12
- Make callbacks asynchronous HOT 3
- 窗口无法固定 HOT 3
- onKeydown事件在使用Flash时,失焦后失效 HOT 1
- 增加beforePush回调函数 HOT 3
- Show Header false not working. HOT 2
- ASCII码160 (NBSP)分割的命令行无法正常解析的问题 HOT 1
- 在type等于code模式下,回显带有xml标签信息时,xml标签没有正常显示,审查元素后发现xml标签被渲染成了dom元素。希望可以在code模式下正常显示xml标签信息 HOT 1
- 动态修改窗口大小 HOT 8
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-web-terminal.