Markdown autoresize box quirky on enter
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 38/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- javascript
- Ambito
- frontend
Direzione di ricerca
Inizia in models/Document.bones, nella funzione updateSize, e riproduci il comportamento di autoresize premendo Invio nella textarea Markdown in Chrome e Firefox. Confronta i valori della textarea e del clone durante keydown; è completato quando la textarea si ridimensiona senza saltare verso l’alto prima che appaia la nuova riga.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
When hitting enter in a markdown autoresize textarea, the textarea is not resized until the enter key is released which leads to the text jumping up one line before it drops down again. I have observed this behavior in Chrome and FF. While the browser adds the new character to the textarea, it does not make it available via .val() until the key is released.
The following code is hideous, but addresses the issue. I wonder whether there are more elegante ways around this.
diff --git a/models/Document.bones b/models/Document.bones
index 23c2044..6f5bec9 100644
--- a/models/Document.bones
+++ b/models/Document.bones
@@ -202,9 +202,14 @@ model = Backbone.Model.extend({
letterSpacing: textarea.css('letterSpacing')
}).attr('tabIndex','-1').insertBefore(textarea);
})(),
- updateSize = function() {
+ updateSize = function(ev) {
// Update clone.
- clone.val($(this).val()).scrollTop(10000);
+ var val = $(this).val();
+ On keydown, the newest character is not in .val().
+ if (ev && ev.type == 'keydown') {
+ val += String.fromCharCode(ev.keyCode);
+ }
+ clone.val(val).scrollTop(10000);
// Find scrolling height of text in clone and update
var height = clone.scrollTop();
if (!$.browser.msie) {
- Lingua principale
- JavaScript
- Stelle
- 4
- Fork
- 2
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di developmentseed/bones-document
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 20/100
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 25/100
developmentseed/bones-document#6 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 35/100
developmentseed/bones-document#5 · 1 commento ·
-
Style/UI regressionsForse di nuovo libera @yhahn l’ha presa 5626 giorni fa e non c’è nessuna pull request aperta. Aperta
developmentseed/bones-document#4 · 1 assegnatario ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 30/100
Tutte le issue di developmentseed/bones-document
Issue simili
-
Bug pulumi/pulumi
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
andromarces/agent-loops#571 ·
I maintainer di solito rispondono entro 1 giorno
-
Code Cleanup Dev Environment
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
ProjectSidewalk/SidewalkWebpage#5699 ·
I maintainer di solito rispondono entro 1 giorno
-
automated issue report
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
lirantal/discoprint#38 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
zenstackhq/zenstack#2873 ·
I maintainer di solito rispondono entro 1 giorno