Sencha ExtJS auto布局容器未预留垂直滚动条宽度，是否为Bug？

核心结论 #

这是auto布局的固有设计特性，不属于Bug。

特性原理 #

• auto是ExtJS所有布局中最轻量化的实现，核心逻辑是完全交由浏览器原生文档流管控渲染，框架本身不会主动做额外的尺寸计算、空间预留操作。
• hbox、vbox属于框架全管控类布局，框架会提前计算滚动条是否需要显示、滚动条的具体宽度，扣除该部分空间后再给子组件分配可用尺寸，因此不会出现内容被滚动条覆盖的情况。
• 当auto布局容器设置自动宽度且开启滚动能力时，会直接继承浏览器原生表现：滚动条默认重叠在容器内容区域上方，框架不会额外为滚动条预留宽度，会出现内容组件被滚动条覆盖的现象。

适用场景参考 #

可以根据业务需求选择对应布局：

• 需要框架自动处理滚动条空间预留、子组件尺寸自适应容器的场景，优先选择vbox、hbox等管控型布局
• 仅需渲染静态内容、不需要框架做复杂子元素尺寸计算，追求更高渲染性能的场景，更适合使用auto布局

内容的提问来源于stack exchange，提问作者Nagarjuna Borra