I have problem , that I have fixed toolbar .

.toolbar {
position:sticky,
top: 0px,
z-index: 1100
}

but on mobile , while keyboard is showing up , I am losing control for my toolbar .

problem is that , this soft keyboard is also position: fixed and it’s just breaking my toolbars fixed position but maybe there is some codesnippet or some suggestion where should I look or how to fix it .

I tried to change top property dynamically but I don’t like this approach .