https://github.com/Esri/calcite-design-system/releases
But https://developers.arcgis.com/calcite-design-system is still 1.4.x (May 2023). When will it be updated?
Solved! Go to Solution.
At this time there are no plans to document the above feature on the documentation site, as the feature supports a specific user workflow with CSS styling.
There will be more documentation in the upcoming summary notes in September 2023 to showcase feature updates. In between main releases, changelog updates reflect the changes between minor releases.
As far as the implementation, check out the following Codepen sample showing the newly supported functionality, where a Block can support scrolling using CSS styling, also depicted in the code below:
<style>
calcite-block {
height: 450px;
overflow: hidden;
}
.scroll-block-container {
height: 100%;
overflow-y: scroll;
}
</style>
<calcite-block heading="Bear 🐻 Facts" open>
<div class="scroll-block-container">
<!-- Your content here -->
</div>
</calcite-block>
Thanks for reaching out, @ForrestLin. There was a delay in the documentation update, which is live today.
At this time there are no plans to document the above feature on the documentation site, as the feature supports a specific user workflow with CSS styling.
There will be more documentation in the upcoming summary notes in September 2023 to showcase feature updates. In between main releases, changelog updates reflect the changes between minor releases.
As far as the implementation, check out the following Codepen sample showing the newly supported functionality, where a Block can support scrolling using CSS styling, also depicted in the code below:
<style>
calcite-block {
height: 450px;
overflow: hidden;
}
.scroll-block-container {
height: 100%;
overflow-y: scroll;
}
</style>
<calcite-block heading="Bear 🐻 Facts" open>
<div class="scroll-block-container">
<!-- Your content here -->
</div>
</calcite-block>
There is big gap between two calcite-blocks. How to make the gap smaller?