Resolve misalignment issues in textarea cases
This commit is contained in:
parent
2c40258d19
commit
2c7a8f0c48
@ -431,17 +431,18 @@
|
||||
<br /> -->
|
||||
<!-- <div class="bes-service any-other-class" contenteditable="true"><div>Popravite kar želite.</div></div>
|
||||
<br> -->
|
||||
<div class="bes-service any-other-class" contenteditable="true"><div>Popravite <a href=".">kar želite</a>.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div></div>
|
||||
<br>
|
||||
<!-- <div class="bes-service any-other-class" contenteditable="true"><div>Popravite <a href=".">kar želite</a>.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div></div>
|
||||
<br> -->
|
||||
<!-- <div class="bes-service any-other-class" contenteditable="true">To je preiskus.</div>
|
||||
<br> -->
|
||||
<div class="bes-service any-other-class" contenteditable="true"><div class="contextual"><p>Madžarski premier Orban je tako očitno vendarle pristal na nadaljnjo makrofinančno pomoč Ukrajini v okviru revizije dolgoročnega proračuna unije 2021-2027. Ta vključuje 50 milijard evrov za Ukrajino za prihodnja štiri leta, od tega 33 milijard evrov posojil in 17 milijard evrov nepovratnih sredstev.</p></div></div>
|
||||
<br>
|
||||
<!-- <div class="bes-service any-other-class" contenteditable="true"><div class="contextual"><p>Madžarski premier Orban je tako očitno vendarle pristal na nadaljnjo makrofinančno pomoč Ukrajini v okviru revizije dolgoročnega proračuna unije 2021-2027. Ta vključuje 50 milijard evrov za Ukrajino za prihodnja štiri leta, od tega 33 milijard evrov posojil in 17 milijard evrov nepovratnih sredstev.</p></div></div>
|
||||
<br> -->
|
||||
<!-- <div class="bes-service any-other-class" contenteditable="true"><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div></div>
|
||||
<br> -->
|
||||
<!-- <div class="bes-service any-other-class" contenteditable="true"><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div><div>Popravite kar želite.</div><div>Na mizo nisem položil knjigo. Popravite kar želite.</div></div>
|
||||
<br /> -->
|
||||
<textarea class="bes-service any-other-class">Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite. Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.
|
||||
<textarea class="bes-service any-other-class">
|
||||
Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite. Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
@ -458,13 +459,7 @@ Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
@ -472,110 +467,12 @@ Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knj
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo.
|
||||
@ -830,13 +727,12 @@ Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
Popravite kar želite.
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
</textarea>
|
||||
Na mizo nisem položil knjigo. Popravite kar želite.</textarea>
|
||||
<br />
|
||||
<!-- <textarea class="bes-service any-other-class">Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite. Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite.Na mizo nisem položil knjigo. Popravite kar želite.Popravite kar želite. Na mizo nisem položil knjigo. Popravite kar želite.</textarea>
|
||||
<br /> -->
|
||||
<!-- <textarea class="bes-service any-other-class"></textarea>
|
||||
<br />
|
||||
<textarea class="bes-service any-other-class"></textarea>
|
||||
<br />
|
||||
<textarea class="bes-service any-other-class"></textarea> -->
|
||||
<bes-popup-el></bes-popup-el>
|
||||
</body>
|
||||
@ -857,7 +753,8 @@ Na mizo nisem položil knjigo. Popravite kar želite.
|
||||
border-radius: 10px;
|
||||
background-color: #f5f5f5;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
line-height: 1.6;
|
||||
line-height: 20px;
|
||||
font-size: 1rem;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
</style>
|
||||
|
||||
28
service.js
28
service.js
@ -577,13 +577,17 @@ class BesService {
|
||||
match.range.deleteContents()
|
||||
match.range.insertNode(document.createTextNode(replacement))
|
||||
if (this.textAreaService) {
|
||||
let text = this.textAreaService.textAreaEl.value
|
||||
this.textAreaService.textAreaEl.value =
|
||||
text.substring(0, match.match.offset) +
|
||||
replacement +
|
||||
text.substring(match.match.offset + match.match.length)
|
||||
this.textAreaService.textAreaEl.selectionStart =
|
||||
this.textAreaService.textAreaEl.selectionEnd = match.match.offset
|
||||
// The commented code below only works in cases where we only have one paragraph.
|
||||
// Until we find a better solution, we will use the textAreaEl.value approach.
|
||||
|
||||
// let text = this.textAreaService.textAreaEl.value
|
||||
// this.textAreaService.textAreaEl.value =
|
||||
// text.substring(0, match.match.offset) +
|
||||
// replacement +
|
||||
// text.substring(match.match.offset + match.match.length)
|
||||
// this.textAreaService.textAreaEl.selectionStart =
|
||||
// this.textAreaService.textAreaEl.selectionEnd = match.match.offset
|
||||
this.textAreaService.textAreaEl.value = this.hostElement.outerText
|
||||
}
|
||||
this.clearMistakeMarkup(el)
|
||||
// In my opinion, this approach provides the most straightforward solution for repositioning mistakes after a change.
|
||||
@ -743,16 +747,19 @@ class BesTAService {
|
||||
cloneDiv.style.fontSize = textAreaStyles.fontSize
|
||||
cloneDiv.style.fontFamily = textAreaStyles.fontFamily
|
||||
cloneDiv.style.lineHeight = textAreaStyles.lineHeight
|
||||
cloneDiv.style.margin = textAreaStyles.margin
|
||||
cloneDiv.style.border = textAreaStyles.border
|
||||
cloneDiv.style.borderRadius = textAreaStyles.borderRadius
|
||||
const scrollbarWidth = textAreaEl.offsetWidth - textAreaEl.clientWidth
|
||||
cloneDiv.style.width = textAreaEl.clientWidth - scrollbarWidth + 'px'
|
||||
cloneDiv.style.padding = textAreaStyles.padding
|
||||
cloneDiv.style.height = textAreaStyles.height
|
||||
cloneDiv.style.maxHeight = textAreaStyles.height
|
||||
cloneDiv.style.padding = textAreaStyles.padding
|
||||
cloneDiv.style.margin = textAreaStyles.margin
|
||||
cloneDiv.style.overflowY = 'auto'
|
||||
cloneDiv.style.position = 'absolute'
|
||||
cloneDiv.style.top = `${textAreaRect.top + scrollTop}px`
|
||||
cloneDiv.style.left = `${textAreaRect.left}px`
|
||||
cloneDiv.style.width =
|
||||
parseInt(textAreaStyles.width) + parseInt(scrollbarWidth) - 2 + 'px'
|
||||
textAreaEl.style.zIndex = 2
|
||||
textAreaEl.style.position = 'relative'
|
||||
textAreaEl.parentNode.insertBefore(cloneDiv, textAreaEl)
|
||||
@ -789,7 +796,6 @@ class BesTAService {
|
||||
* @param {Event} e Click event
|
||||
*/
|
||||
handleTAClick(e) {
|
||||
//TODO: Consider adding some kind of proofing?
|
||||
this.textAreaEl.style.visibility = 'hidden'
|
||||
const deepestElement = document.elementFromPoint(e.clientX, e.clientY)
|
||||
this.textAreaEl.style.visibility = 'visible'
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user