Div is hidden when running the application with playwright but if not it appreas

I have an angular app, at the template file I have that div that its id is "disclaimer":

when I ran the application locally I saw that div element at the UI and when I checked on devtools I saw as well.

but when I run it with playwright (for example when I run "npx playwright codegen" or on tests) I can't see that element on the UI but on the devtools I can.

that is the CSS I have for that div:

.disclaimer {
text-align: center;
line-height: normal;
font-style: italic;
font-weight: 400;
font-family: "Open Sans", Arial, sans-serif;
font-size: 10px;
color: var(--color-globalstate-inactive-text);
position: fixed;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
width: 100%;
align-self: end;
grid-column-start: 1;
grid-column-end: -1;
}


what can I do?

Continue reading...