6

I'm facing an issue where scroll is not working in one of the newly released Lightning Base Component in the Winter '17 namely lightning:textarea.

The cursor even moves out of the textarea when tried to scroll down or upwards as shown in the screenshots posted below in the Salesforce1 app.

CODE: (to reproduce the issue in Winter '17 pre release org)

Component:-

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes">
  <div class="outerContainer">
    <lightning:textarea name="myTextArea" value="Initial value" 
    label="What are you thinking about?" maxlength="300" class="lightningTextarea"/>
    </div>
</aura:component>

CSS:-

.THIS .lightningTextarea textarea{
    height:100px;
}

Screenshot 1 (iPad)

enter image description here

Screenshot 2 (iPad) enter image description here

In case of Android devices, you'll be able to scroll by clicking on to the cursor and then trying to scroll up or down.

Improve this question
3
  • ui:scrollerWrapper also had similar issues but with the latest update it seems to be working. Can you check this lightning:textarea also after latest update. seems like this needs a fix from SF team.
    – Pintu Francis
    Oct 25, 2016 at 9:35
  • @PintuFrancis No, there's no change, still the scroll functionality is not working in lightning:textarea.
    – SE_User
    Dec 6, 2016 at 11:59
  • Summer '17 is round the corner and still the same issue persists! @DougChasman @TrevorBliss @JFParadis Can you guys please take a look at this? Also regarding the ui:scrollerWrapper issue?
    – SE_User
    May 9, 2017 at 6:25

0

Reset to default

You must log in to answer this question.