When hovered, the drawer does a "content-cover" animation and does not shrink the page body. However, when I clicked on the hamburger menu, the drawer did a partial content push. It shrank the page body width, but not the app bar. You would want to make the behavior more consistent. This can potentially be fixed in only the drawer playground. But if you think there might be a bug for the persistent drawer component itself, please log an issue.
Here's a screen recording to help illustrate what I am talking about:
When hovered, the drawer does a "content-cover" animation and does not shrink the page body. However, when I clicked on the hamburger menu, the drawer did a partial content push. It shrank the page body width, but not the app bar. You would want to make the behavior more consistent. This can potentially be fixed in only the drawer playground. But if you think there might be a bug for the persistent drawer component itself, please log an issue.
Here's a screen recording to help illustrate what I am talking about:
https://github.com/etn-ccis/blui-react-component-library/assets/8997218/5fb26937-a5b3-4183-abbd-ea2826ac27f7
Originally posted by @huayunh in https://github.com/etn-ccis/blui-react-component-library/pull/850#pullrequestreview-1878832628