I develop an application, that uses HTML/Serverside Rendering with a few sprinkles of React - and Patternfly 4 is an exquisite tool for our requirements.
I want to use the DataToolbar, but I am not able to correctly use it, as it displays without correct spacing and ignoring the real breakpoints. When I look at the correctly displayed examples in https://www.patternfly.org/v4/documentation/core/experimental/datatoolbar/toggle-group, I notice that my browser recognizes a grid/flex layout, when I use the examples, these are missing and it displays stacked without any spacing.
An example, embedded in a simple demo page, can be found here:
First time I noticed the problem was when using the react-version and it is the same behaviour, when I use “yarn build”, although everything works using “yarn watch”. I will probably post a react example later, but the problem looks at leas similar.