Skip to main content

Questions tagged [scrolling]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
277 views

onscroll not working in LWC

I am trying to implement infinite loading purely from js by using onscroll event in my LWC. Html: <template> <!--Some other html code--> <template if:true={showRecords}> ...
JackSparrow's user avatar
1 vote
1 answer
41 views

Make property unreactive

Let's say we have renderedCallback() { if(!this.isRenedered) { console.log('is js scroll:',this.isJSScroll); const tempo = [...this.historyList]; const targetDiv = this....
pincet's user avatar
  • 917
0 votes
1 answer
228 views

Lightning Layout scrollable is breaking the table and showing only few columns

I am working on the Custom product family selection LWC component, I added the rows and columns in the lightning layout using table. For 4 fields the table is showing all the rows and columns, but if ...
Praveen's user avatar
  • 15
-1 votes
1 answer
116 views

Empty LWC datatable after adding infinite loading

Can somebody take a look why my LWC datatable is empty after adding infinite scrolling? I feel that is small bug inside my code, but I am not sure where is it.. JS: //SHOW WORK ORDER RELATED ...
ApexNewbie's user avatar
0 votes
1 answer
277 views

How to get the body of a Docked Composer to vertically scroll?

In the Docked Composer blueprint there is no example of how to introduce vertical scrolling (slds-scrollable_y) into the body section (slds-docked-composer__body). This is needed when the fields ...
Keith C's user avatar
  • 136k
1 vote
0 answers
316 views

Open picklist over scrollbar

I'm trying to show a picklist over the scrollbar of my lwc. I tried with z-index and overflow in some places but I don't find how to do that (maybe it's impossible?). Here an example code that I wrote ...
Ilanb's user avatar
  • 11
0 votes
1 answer
799 views

Can we add scrollbar to a single cell in Lightning Datatable? [closed]

I was working with Lightning Datatable in LWC and was just wondering is there any way we can add a horizontal scrollbar in a specific column of Lightning Datatable. This is something we require in our ...
Amit Kumar's user avatar
0 votes
0 answers
159 views

Using escape=false with output text isn't allowing scroll

I have a list of html strings I want to render with html formatting, so I put it in a string list and implemented on the vfp with outputtext and escape = false. If the list is long enough without the ...
AverageJoeVBA's user avatar
0 votes
1 answer
2k views

Any way to get scroll events or scroll position from a lightning-datatable?

I have a lightning-datatable set up to use infinite loading via onloadmore so batches of new records are fetched as the user scrolls. This works well. But I want to fade the bottom of the scrolling ...
Keith C's user avatar
  • 136k
2 votes
1 answer
3k views

Move scrollbar to the bottom of the page in LWC

I am trying to display the scroll bar at the bottom of the page instead of displaying at the top of the page along with the data for an LWC component. Similar to mobile device, this is what I have &...
sfdcinprogress's user avatar
1 vote
1 answer
3k views

How can I put a horizontal scroll bar in this table?

When I try to view the mobile version of this table, I don't get the horizontal scroll bar. What should I do to view the scroll bar or make it responsive? I already tried to add: <div class="...
Cline's user avatar
  • 111
0 votes
1 answer
981 views

infinite scrolling in lwc is repeating the record multiple times

I am implementing custom activity timeline and trying to do custom infinite scrolling. The issue i am facing is while scrolling last fetched records are getting repeated multiple times and then stops....
sfdc_to_learn's user avatar
0 votes
1 answer
104 views

Scroll to a new item in a pageBlockTable

I have a few pageBlockTables which are set up to be scrollable. (See this answer Scrolling in Pageblocktable for a CSS-only way to do this, since someone's Googling this right now, I'm sure.) The new ...
Jason's user avatar
  • 1
1 vote
1 answer
700 views

Infinite Scroll In LWC DataTable Using @wire Getting Error For FetchData

The Salesforce documentation for LWC datatable indicates fetchData(50) but doesn't define it. In my case I am using @wire(apexMethod) to populate the data but getting understandable error fetchData ...
ddeve's user avatar
  • 1,606
0 votes
1 answer
3k views

How to catch horizontal scroll event of a LWC lightning data table to implement fixed column in datatable

EDIT : Background of original requirement. We want to implement a "freezed" 1st column in a custom lightning datatable. When we scroll to the right, 1st column should always be in view. ...
Sarang's user avatar
  • 2,618
0 votes
1 answer
239 views

How to set fixed height to apex:repeat tag in visualforce page

I am trying to set fixed height to apex:repeat tag, so that page can show scroll bar, but I am unable to set fixed height to apex:repeat. Please let me know how to set height to apex:repeat tag. below ...
Jagadeesh's user avatar
1 vote
0 answers
158 views

Can't scroll after lightning component quick action finished

I have implemented this Lightning component quick action and it works fine. Lightning Web Component LWC Quick Action button Lead Ownership The only issue I'm having is that when the button is clicked ...
Golnaz H's user avatar
0 votes
1 answer
2k views

Scrollable Utility Not Working on Aura Component in Global Action

I've got a Flow being called in a Global Action via a Lightning Aura Component. The Flow and Component are working, but for some reason the scrollable utility isn't. Does anyone have any idea what the ...
smlisk0630's user avatar
0 votes
0 answers
2k views

Cannot set height of lightning-datatable automatically

In my LWC, the lightning:datatable flows far off the bottom of the screen despite being inside a div with fixed height. What I really want is to set the height automatically so that it fills the ...
skycafe's user avatar
  • 397
0 votes
2 answers
3k views

Popping up a modal on a LWC makes contents scroll to top

This is a part of the HTML of my LWC: <template> <div class="slds-grid slds-grid_vertical"> ... <lightning-datatable ...> ... </div> <template if:...
Sander de Jong's user avatar
3 votes
3 answers
7k views

combo box inside slds-scrollable doesn't render as expected in LWC

I have LWC where if I click on combobox then expected outcome is it should show options at the top but instead it adds a scroll bar to show option. HTML: <template> <lightning-card> ...
gs650x's user avatar
  • 2,680
0 votes
1 answer
466 views

scrollIntoView() does not work in Salesforce Mobile App

I have this line in my code: this.template.querySelector('.some-class').scrollIntoView(); and it works on desktops (at least it scrolls a bit) but doesn't work in Salesforce Mobile App at all. Do you ...
jm.'s user avatar
  • 101
0 votes
1 answer
4k views

LWC lightning data table not showing vertical scrollbar and 'sortable' not sorting - what am I doing wrong?

I have a component with a Lightning-data-table but I can't get the vertical scrollbar to show up and although, when I add 'sortable' to a column, the arrow appears but nothing happens when I click the ...
Irene's user avatar
  • 1,849
0 votes
1 answer
388 views

Aura component - Page scrolls back to the user clicked section

There is a custom Aura component at bottom of a page, user clicks a menu item in the custom component and a toast is shown along with the tab user needs to work at the top of the page, when toast is ...
NaCh's user avatar
  • 13
4 votes
2 answers
7k views

How to detect if a page scrolled in LWC

Please suggest a way to check if a user scrolled down. as of now I have only the below way but only provide scroll count instead of the direction. connectedCallback() { this.count = 0; ...
gs650x's user avatar
  • 2,680
1 vote
2 answers
2k views

How to implement Horizontal Scroll on HTML Table in Salesforce Mobile App?

I am in process of implementing a native old HTML table (<table> ... </table>) in a Lightning Aura Component which will be rendered in native Salesforce Mobile App (historically known as ...
Jayant Das's user avatar
  • 30.6k
-1 votes
1 answer
4k views

How to display list view in visualforce page and make it visually pleasant and include autoscrolling

I want to display a queue list view on monitor that displays case numbers and their status. I have written the following visualforce code: <apex:page sidebar="false"> <apex:enhancedList ...
Student's user avatar
  • 565
1 vote
1 answer
312 views

Lightning Datatable scroll into view

I need a way to programmatically scroll to a specified row in a Lightning Datatable. In my case I want to scroll-into-view based on search results that return a row number or key. Can someone point ...
el Jeffe's user avatar
1 vote
0 answers
174 views

Lightning modal - Scroll to top of page when there is a validation rule error

I am making a component that has a similar functionality like the standard lightning component. I am using modal mode and normal mode based on a value provider. I want when there is a validation error,...
john's user avatar
  • 11
1 vote
0 answers
54 views

Customise Standard lightning Component from custom lightning component

I have a custom feed filter visualforce page created with the help of this link. And then I added the vf page in lightning component with iframe and in case page layout. After the page is loded main-...
Ajith Kumar's user avatar
6 votes
0 answers
1k views

Does ui:scrollerWrapper have an equivalent in Lightning Web Components?

Using slds-scrollable class in Lightning Web Component works in desktop browser but not on Salesforce Mobile app. For Aura components you would use the ui:scrollerWrapper to accomplish this. I've ...
Ed Elliott's user avatar
0 votes
0 answers
456 views

Flow screen needs to be default to top of page

I am using flow screens for form. By default when the screen opens, it defaults to the middle of the page. Is there a way, I can make it default to top of the page. Thanks
Student's user avatar
  • 565
0 votes
1 answer
1k views

I want to capture the scroll bottom action to load more records.Thanks [duplicate]

I have aura iteration with the set defined height,in which I am calling another component . I want to capture the scroll bottom action to load more records. <div class="slds-scrollable" style="...
Pavan's user avatar
  • 1
1 vote
1 answer
5k views

Scrolling event within Lightning Component

I'm very new to Lightning component development and I'm trying to update page once user scrolls down to certain height (for this example say 250px) My component looks like: <aura:component ...
user569925's user avatar
  • 1,179
2 votes
0 answers
234 views

Scrolling contents of a child component, Lightning Salesforce - Winter’19 release impact

I have a component design as follows :- Component A - (height - 100%) Component A1 - (height - 10%) Component A2 - (height - 80%) (contents scrollable using (class="slds-scrollable_y")) ...
Shri's user avatar
  • 147
3 votes
1 answer
3k views

Does scrollTo() have a "behavior" attribute like window.scroll()?

I'm scrolling the page if the current Customer Community User is not a 'Guest User', but the page movement is abrupt. Is there an attribute I can set on scrollTo() for more elegant page scrolling in ...
Nicholas Zozaya's user avatar
1 vote
0 answers
406 views

How to programmatically scroll in iPad for safari browser

I want to implement window.scrollTo(x,y) functionality for iPad. It works in desktop but does not work for iPad. There are certain solutions already provided here and here which did not work for me. ...
Sarang's user avatar
  • 2,618
0 votes
1 answer
1k views

how to set dynamic height of output panel on vf page within a section on record detail page?

i have a vf page on that i have one picklist when user select 'All' then all related record shown in pageblock table and when user select any specific then within that it show according to that. so ...
SalesforceFolks's user avatar
3 votes
1 answer
2k views

How to detect if scroll action has happened in ui:scrollerWrapper

When scrolling action occurs for content inside ui:scrollerWrapper, I want to detect that and execute some javascript after that. I have tried to add scroll event handler to the div that is inside ...
Sarang's user avatar
  • 2,618
10 votes
1 answer
2k views

How to implement a professional infinite/virtual scrolling in Lightning

I have a custom Lightning grid component (like and editable lightning:datatable) for which I need infinite scrolling to display thousands of rows without bringing the customers browser to a halt. I ...
Robert Sösemann's user avatar
3 votes
1 answer
1k views

Scrollbar inside scrolling modal not clickable

I'm using the latest Appiphony Strike components to built a multiselect picklist inside a modal. <aura:component > <c:strike_modal title="Strike Modal" showModal="true"> <...
Robert Sösemann's user avatar
1 vote
1 answer
849 views

How to avoid scroll to last focused element on Toast close

I'm using a Toast for showing whether a search has successfully completed or not when clicking the "Search" button. My problem is that, when it shows the list of results and I'm scrolling along it, ...
user3529582's user avatar
2 votes
1 answer
252 views

How can I get the height of content inside ui:scrollerWrapper?

I've got a scrollerWrapper, filled with an aura:iteration of items. I'm using the scrollTo("bottom") function in an afterRender handler so that when the page is new, it appears already scrolled to the ...
PatMcClellan__c's user avatar
2 votes
0 answers
1k views

How to fix Docked Utility Bar at bottom of mobile screen?

We have created a Lightning APP and added Docked Utility Bar. The problem is it not fixed at the bottom of the screen. User need to scroll down to see the buttons. We tried to manipulable the CSS and ...
AtulRajguru9's user avatar
  • 9,120
2 votes
1 answer
2k views

ui:scrollerWrapper scrollTo method help

I'm building a Lightning Component that includes a ui:scrollerWrapper, containing an aura:iteration of varying length. I want the scroller to default scrollTo the bottom. I found the ui:...
PatMcClellan__c's user avatar
4 votes
2 answers
12k views

Scroll Page to top onClick of a button in Saleforce1

I have a problem scrolling to the top of a lightning component page in Salesforce1. I have tried using window.scrollTo(0,0); Added the below attribute in the button tag oncomplete="window....
Brav's user avatar
  • 820
3 votes
2 answers
5k views

lightning:spinner in slds-scrollable scrolls out of view

I am displaying a long scrollable content in a modal <c:strike_modal aura:id="filterModal" title="Filter volumes" primaryButtonLabel="Ok" secondaryButtonLabel="Cancel" showHeader="true" showFooter=...
Robert Sösemann's user avatar
1 vote
1 answer
162 views

Lightning Component on record page, multiple scroll areas

I'm attempting to create a similiar scroll situation to this: Where the left and right sides are 100% height down to the utility bar and scroll individual. The page should not scroll. I'm getting ...
wellmstein's user avatar
  • 1,821
0 votes
2 answers
2k views

Salesforce1 Lightning component won't scroll on iphone

I have built a lightning component which loads and scrolls correctly in SF1 on an iPhone 5. It calls other component pages, but those pages won't scroll at all on an iPhone even though they scroll ...
Tim Thomas's user avatar
4 votes
0 answers
2k views

Lightning Component not Scrolling in iphone on Salesforce1 App

I have created a lightning Component which implements "force:appHostable". Now I have added this component into Lightning Component Tab and add it into an App in Lightning Experience. This tab with ...
ankit goel's user avatar