• Home

  • Episodes

  • About

  • Login
    •

    RailsCod3rFuture
    Joined 4/10/2017
    RailsCod3rFuture said almost 4 years ago on Hotwire :
    This jquery plugin is actually laying on top of the form input itself....But, I don't know exactly how to deal with removing the content inside of it, within a Turbo environment.

    <input placeholder="Type your message...." id="conversation_comment_content_1" style="width: 100% !important; border-radius: 0px !important; display: none;" type="text" name="conversation_comment[content]">

<div class="emojionearea emojionearea-inline" role="application">
<div class="emojionearea-editor" contenteditable="true" placeholder="Type your message...." tabindex="0" dir="ltr" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off">No</div>
<div class="emojionearea-button" title="Use the TAB key to insert emoji faster">
<div class="emojionearea-button-open">
</div>
<div class="emojionearea-button-close">
</div>
</div>


    0 0 0
    RailsCod3rFuture said almost 4 years ago on Hotwire :
    I saw that someone else had a similar issue with the emojionearea picker....But, then I tried without it -- there is something wrong with the reset_form controller data-attribute. Its simply not working with turbo itself....I have turbo as a require statement in my webpack application.js. Its working without issue....but the link between turbo and stimulus, are not.

    data: {controller: "reset_form", action: "turbo:submit-end->reset_form#reset}
    0 0 0
    RailsCod3rFuture said almost 4 years ago on Hotwire :
    I even added a console log to the reset() function......doesn't show up in the console at all.
    0 0 0
    RailsCod3rFuture said almost 4 years ago on Hotwire :
    it works now...I had to put a dash between the controller name! "reset-form"
    0 0 0
    RailsCod3rFuture said almost 4 years ago on Hotwire :
    Do you know how to handle scrolling for the window when it comes to Turbo? When an element is added, it doesn't automatically pull it into view at the bottom of the div. Is there a quick way to setup automatic scrolling unless the user is scrolling upward/downward? I haven't seen any real concrete examples of this, being done right.
    0 0 0