1# ArkUI Subsystem Changelog
2
3## cl.arkui.1 Change in the Default Scrollbar State of \<List> and \<Gird> Components
4
5Changed the default state of the scrollbar in the **\<List>** and **\<Gird>** components from **BarState.Off** to **BarState.Auto**.
6
7**Change Impact**
8
9In the scenario where the scrollbar status is not set in the **\<List>** and **\<Gird>** components:
10
11- Before change:
12
13  The scrollbar is not displayed.
14
15- After change:
16
17  The scrollbar is displayed during scrolling and is hidden 2 seconds after the scrolling stops.
18
19**Key API/Component Changes**
20
21**scrollBar** attribute of the **\<List>** and **\<Gird>** components:
22- [List](../../../application-dev/reference/arkui-ts/ts-container-list.md#attributes)
23- [Grid](../../../application-dev/reference/arkui-ts/ts-container-grid.md#attributes)
24
25**Adaptation Guide**
26
27In scenarios where the scrollbar is not required, set the **scrollBar** attribute of the **\<List>** and **\<Gird>** components to **BarState.Off**.
28
29The code snippet is as follows:
30```ts
31// xxx.ets
32@Entry
33@Component
34struct ListItemExample {
35  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
36
37  build() {
38    Column() {
39      List({ space: 20, initialIndex: 0 }) {
40        ForEach(this.arr, (item) => {
41          ListItem() {
42            Text('' + item)
43              .width('100%').height(100).fontSize(16)
44              .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)
45          }
46        }, item => item)
47      }
48      .width('90%')
49      .scrollBar(BarState.Off)
50    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
51  }
52}
53```
54## cl.arkui.2 Change of Effect for When Both Margin and Margin Are Set
55
56When a component has both **margin** and **position** attributes set, the settings for both attributes take effect, instead of only the settings of **position**.
57
58**Change Impact**
59
60When a component has both **margin** and **position** attributes set, it is moved to the specified position with the extra margins.
61
62**Key API/Component Changes**
63
64**margin** and **position** attributes:
65- [margin](../../../application-dev/reference/arkui-ts/ts-universal-attributes-size.md#attributes)
66- [position](../../../application-dev/reference/arkui-ts/ts-universal-attributes-location.md#attributes)
67
68**Adaptation Guide**
69
70If both **margin** and **position** are set for a component, or if **position** is set for a component that has default margin settings (for example, the **\<Checkbox>** component), you are advised to adjust the margin to ensure that the component is in an appropriate position.
71