FF: Textarea mit overflow:hidden scroll nicht bei Eingabe

[kkapsner]

Hi Leute!

Ich hab' etwas sehr ärgerliches entdeckt:

Wenn man im FF eine Textarea mit overflow: hidden; erzeugt, scrollt diese bei der Eingabe nicht mehr mit.
Von der Logik versteh' ich das auch, aber ist trotzdem doof (wollte meine JS-Scrollbar verwenden).

Wisst ihr ev. ob es dafür eine CSS-Lösung gibt, oder ob man wirklich da dann per JS scrollen muss.
Und wenn man mit JS scrollen muss, ob es da was elegantes/schnelles gibt.

Ein Tool, das die Textarea ausmisst und daraus dann die benötigte Scrollposition errechten hab' ich schon geschrieben - ist nur leider sau langsam, so dass der Browser bei schneller Eingabe nicht hinterherkommt.

Das triggern eines Tastendrucks funktioniert natürlich auch nicht, da die realen ja schon nicht das gewünschte Ergebnis liefern.

Hm.. ev. ist das doch ein Thema für den JS-Bereich... egal - am liebsten wär' mir ja eh ein CSS Lösung.

Freu' mich auf eure Antworten.

[dkdenz]

Was CSS betrifft, ist mit hidden definitiv schluß. Da geht dann nix mehr.
Wie Du schon selbst angemerkt hast, ist das auch logisch.
Auto ist nicht das Gesuchte, vermute ich mal...

[anna55]

Kannst Du mal ein kleines Beispiel basteln?

[kkapsner]

http://kkjs.kkapsner.de/tests/scrollbalken_test.html

[anna55]

Hm, im FF bekomme ich bei der Eingabe Scrollbalken auf der x- und der y-Achse.

[kkapsner]

Die vom Browser?
Wenn ja, dann hast du JS deaktiviert - das ist meine Testseite für meine Scrollbalken. Deswegen wird overflow: hidden; auch im JS gesetzt, damit das Ganze auch ohne JS noch benutzbar ist - aber natürlich ohne meine tollen Scrollbalken

EDIT: es geht ja auch nicht um die Scrollbalken - die funktionieren auch (hab' wenigstens noch nichts Gegenteiliges entdeckt).

[kkapsner]

Ich glaub' ich hab's geschafft - jetzt leider doch mit JS, ist aber schnell genug (unter 10 ms pro Tastendruck). Bin leider bis jetzt nur zum Testen mit FF gekommen - wenn Tests abgeschlossen kommt auch noch Code.

[kkapsner]

So Tests sind jetzt abgeschlossen - hab' aber gemerkt, dass das ziemlich viel Code ist, da ich viel von meiner Funktionsbibliothek gebrauche.

Der interessante Code ist in kkjs.textareaManager.scrollCarellIntoView() in der node.js.
Wenn jemand Erklärungen haben will, soll er sich einfach melden.

Weiß ja nicht, ob's jemanden interessiert und/oder es nicht ev. (im hoffe) intuitiv zu verstehen ist.

[dkdenz]

Ich verschiebe den Thread mal zu den Tutorials...

[carieleido]

Also, wenn ich das ohne JavaScript machen wollte, würde meine CSS-Lösung folgendermaßen aussehen:

#textarea:focus{overflow:auto;}

Der Scrollbalken kommt beim Reinklicken oder Return nur, wenn mehr Text drin ist, als sichtbar.

oder so:

#textarea:hover{overflow:auto;}

Vielleicht ist das ja auch zu gebrauchen.