I used the default boilerplate from you the guide (npx create-react-app my-app --template @bryntum/cra-template-typescript-schedulerpro) and didn't add any CSS. I have tried it with different themes and with each theme this happens.
/**
* Main application sass file that contains all the application styling
*/
// import bryntum theme
@import '~@bryntum/schedulerpro/schedulerpro.stockholm.css';
body,
html {
margin: 0;
display: flex;
flex-direction: column;
height: 100vh;
font-family: Lato, "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
}
#container {
flex: 1 1 100%;
}
Let me investigate with you what's happening on your computer. We may have missed something.
So I downloaded the .zip you provided and installed then ran your app.
Then I tried both scenarios you provided but didn't encounter the same issue, unfortunately.
Can you check the video attached and confirm we are playing your scenarios properly?
If this is the case, please tell me precisely what browser you are running your app(type, version).
Let me investigate with you what's happening on your computer. We may have missed something.
So I downloaded the .zip you provided and installed then ran your app.
Then I tried both scenarios you provided but didn't encounter the same issue, unfortunately.
Can you check the video attached and confirm we are playing your scenarios properly?
If this is the case, please tell me precisely what browser you are running your app(type, version).
Regards,
Jean-Philippe
See the attached video.
I tested it in
Chrome Version 104.0.5112.101 (Official Build) (arm64)
Brave Version 1.42.88 Chromium: 104.0.5112.81 (Official Build) (arm64)
Firefox 103.0.2 (64-bit)