Use passive scrolling and add main element
And update package lock while I'm at it.
This commit is contained in:
parent
d97d793b1e
commit
4ec4f6d0f7
Binary file not shown.
|
@ -18,13 +18,16 @@
|
|||
<link href="css/main.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="terminal">
|
||||
<div id="terminalOutput"></div>
|
||||
<div id="terminalCurrent">
|
||||
<span id="terminalCurrentPrefix"></span>
|
||||
<span id="terminalCurrentFocusInput" contenteditable="true" autocapitalize="none" spellcheck="false"></span>
|
||||
<main>
|
||||
<div id="terminal">
|
||||
<div id="terminalOutput"></div>
|
||||
<div id="terminalCurrent">
|
||||
<span id="terminalCurrentPrefix"></span>
|
||||
<span id="terminalCurrentFocusInput" contenteditable="true" autocapitalize="none"
|
||||
spellcheck="false"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
<script type="module" src="bundle.js"></script>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import * as Cookies from "js-cookie";
|
||||
import "./extensions"
|
||||
import "./Extensions"
|
||||
import {File, FileSystem} from "./FileSystem"
|
||||
import {IllegalStateError, stripHtmlTags} from "./Shared";
|
||||
import {OutputAction} from "./Terminal";
|
||||
|
|
|
@ -62,10 +62,10 @@ export class Terminal {
|
|||
let scrollStartPosition: number = 0;
|
||||
this.terminal.addEventListener("wheel", (event: WheelEvent) => {
|
||||
this.scroll += -event.deltaY / 100;
|
||||
});
|
||||
}, {passive: true});
|
||||
this.terminal.addEventListener("touchstart", (event: TouchEvent) => {
|
||||
scrollStartPosition = event.changedTouches[0].clientY;
|
||||
});
|
||||
}, {passive: true});
|
||||
this.terminal.addEventListener("touchmove", (event: TouchEvent) => {
|
||||
event.preventDefault();
|
||||
|
||||
|
@ -76,7 +76,7 @@ export class Terminal {
|
|||
|
||||
this.scroll -= Math.floor(diff / this.lineHeight); // -= because swipe down => increase scroll
|
||||
scrollStartPosition = newPosition - (newPosition % this.lineHeight);
|
||||
});
|
||||
}, {passive: true});
|
||||
|
||||
this.outputText = this.shell.generateHeader();
|
||||
this.prefixText = this.shell.generatePrefix();
|
||||
|
|
Loading…
Reference in New Issue