0
0
Figmabi_tool~10 mins

Scroll behavior (vertical, horizontal) in Figma - Cell-by-Cell Formula Trace

Choose your learning style9 modes available
Sample Data

A simple table with 5 items and their descriptions arranged in two columns.

CellValue
A1Item 1
A2Item 2
A3Item 3
A4Item 4
A5Item 5
B1Description 1
B2Description 2
B3Description 3
B4Description 4
B5Description 5
Formula Trace
Scroll behavior: Vertical scroll enabled, Horizontal scroll disabled
Step 1: Check if content height > container height
Step 2: Check if content width > container width
Step 3: Apply scroll settings
Cell Reference Map
  |  A       |  B       |
--+----------+----------+
1 | Item 1   | Description 1
2 | Item 2   | Description 2
3 | Item 3   | Description 3
4 | Item 4   | Description 4
5 | Item 5   | Description 5

Arrows: Vertical scroll needed because rows exceed container height.
No horizontal scroll because columns fit container width.
The table cells represent the content inside a container. Vertical scroll is triggered by row overflow, horizontal scroll is not triggered because columns fit.
Result
Vertical scrollbar visible
No horizontal scrollbar
The container shows a vertical scrollbar because content height exceeds container height. No horizontal scrollbar appears because content width fits.
Sheet Trace Quiz - 3 Questions
Test your understanding
Why is vertical scroll enabled in this example?
ABecause the content width is greater than the container width
BBecause there are more columns than rows
CBecause the content height is greater than the container height
DBecause horizontal scroll is disabled
Key Result
Scroll behavior depends on comparing content size to container size; scroll enabled if content exceeds container in that direction.