Я перепробовал множество методов. но не работает. Ожидайте, как этот стиль
ion-toolbar {
contain: none;
.toolbar-container {
overflow: visible; // not working
contain: none; // not working
}
}
У вас есть решение?
Я работал над этой проблемой с новой директивой:
ng generate directive allow-overflow
import { Directive, ElementRef } from '@angular/core';
@Directive({
selector: '[appAllowOverflow]'
})
export class AllowOverflowDirective {
constructor(el: ElementRef)
{
let toolbar : HTMLElement = el.nativeElement;
setTimeout(() => {
let container : HTMLElement = toolbar.shadowRoot.querySelector(".toolbar-container");
if (container)
{
// (as any) is just to suppress a warning
(container.style as any).contain = "none";
container.style.overflow = "visible";
}
});
}
}
Затем я добавил <ion-toolbar>
вот так:
<ion-toolbar appAllowOverflow>
...
</ion-toolbar>
Я также добавил это правило CSS для <ion-toolbar>
:
ion-toolbar[appAllowOverflow]
{
contain: none;
}