textbox - In Dart-polymer I have been unable to find a way to keep a text-box scrolled to the bottom -

i have found multiple ways in various browsers , languages nothing can find has worked dart-polymer in chrome.

otherwise simple , standard:

<template>     <style>       textarea {         width:  825px;       }     </style>     <div>              <textarea id="ta" rows="10" on-mouseover="{{on_mouse_over}}">                            {{message}}       </textarea>            </div> </template> 

thanks!

i guess want:

@customtag('my-text') class mytext extends polymerelement {   @observable string message = "";    mytext.created() : super.created();    void messagechanged(old) {     var ta = $['ta'];     ta.scrolltop = ta.scrollheight;   }    void attached() {     super.attached();     new timer.periodic(new duration(seconds: 1), (_) => message += 'some text ${new datetime.now()}\n');   } } 

i added id="ta" <textarea> make $['ta'] work