Amebis/BesService
2
2
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge commit '32f4360de9a5d2654a338ecf590d8f5f5cae2fec'

Browse Source
This commit is contained in:
Simon Rozman 2024-06-10 15:04:23 +02:00
commit f1bd0a2416
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
service2.js
View File

@ -26,6 +26,7 @@ class BesService {
this.hostElement = hostElement this.hostElement = hostElement
this.results = [] // Results of grammar-checking, one per each block/paragraph of text this.results = [] // Results of grammar-checking, one per each block/paragraph of text
this.createCorrectionPanel() this.createCorrectionPanel()
this.firstCall = true
// Disable browser built-in spell-checker to prevent collision with our grammar markup. // Disable browser built-in spell-checker to prevent collision with our grammar markup.
this.originalSpellcheck = this.hostElement.spellcheck this.originalSpellcheck = this.hostElement.spellcheck
@ -777,7 +778,16 @@ class BesDOMService extends BesTreeService {
*/ */
onInput() { onInput() {
// Now that the text is done changing, we can correctly calculate markup position. // Now that the text is done changing, we can correctly calculate markup position.
// This is a way to resolve lagginess in repositioning markup with many mistakes.
if (this.firstCall) {
this.repositionAllMarkup() this.repositionAllMarkup()
this.firstCall = false
}
clearTimeout(this.debounceTimer)
this.debounceTimer = setTimeout(() => {
this.repositionAllMarkup()
this.firstCall = true
}, 300)
// Defer grammar-checking to reduce stress on grammar-checking server. // Defer grammar-checking to reduce stress on grammar-checking server.
this.timer = setTimeout(() => { this.timer = setTimeout(() => {
@ -1369,6 +1379,7 @@ class BesPopup extends HTMLElement {
display: block; display: block;
} }
.popup-text { .popup-text {
font-size: 0.93rem;
max-width: 160px; max-width: 160px;
color: black; color: black;
text-align: center; text-align: center;
@ -1376,9 +1387,10 @@ class BesPopup extends HTMLElement {
z-index: 1; z-index: 1;
} }
.bes-popup-container { .bes-popup-container {
font-family: Arial, sans-serif;
visibility: hidden; visibility: hidden;
min-width: 200px; min-width: 200px;
max-width: 300px; max-width: 350px;
background-color: rgb(241, 243, 249); background-color: rgb(241, 243, 249);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 5px; border-radius: 5px;
@ -1414,6 +1426,9 @@ class BesPopup extends HTMLElement {
.bes-replacement-btn:hover{ .bes-replacement-btn:hover{
background-color: #1976f0; background-color: #1976f0;
} }
.bes-replacement-div{
margin-top: 4px;
}
:host(.show) .bes-popup-container { :host(.show) .bes-popup-container {
visibility: visible; visibility: visible;
animation: fadeIn 1s; animation: fadeIn 1s;
@ -1511,7 +1526,7 @@ class BesPopup extends HTMLElement {
*/ */
changeMessage(text) { changeMessage(text) {
this.clearReplacements() this.clearReplacements()
this.shadowRoot.querySelector('.popup-text').textContent = text this.shadowRoot.querySelector('.popup-text').innerText = text
} }
/** /**