I am using the horizontal menu mode in my application. When I load the application and decrease the width of my browser below 1025px, suddenly the logo of the application is displayed incorrectly above the top of the page.
The bug is also reproducable in the demo serenity application. Go to https://www.primefaces.org/serenity-ng/#/forms, change the Menu Mode to Horizontal Menu and decrease the width of the browser window (I am using Chrome, but the same happens on Firefox and IE).
I so far figured out, that the bug has to do with the component that is displayed on startup of the application. The demo applikation starts with the dashboard component, defined in app.routes.ts:
Code: Select all
{path: '', component: DashboardComponent},
Code: Select all
{path: '', component: FormsDemoComponent},
In my application I use an empty component at startup so far, so the logo bug is apparent.