Угловой материал есть какой-то способ md-sidenav и основное содержание может иметь фокус

Question

Я использую угловой материал для реализации скользящей навигационной панели, используя директиву md-sidenav.

index.html

<div flex> 
    <md-content> 
    <p>Here is content.</p> 
    <a href="">Click Me</a><!-- I want to be able click this even when the sidenav is open!!! --> 
    </md-content> 
</div> 

<div ng-controller="SideNavCtrl as sd"> 
    <md-sidenav class="md-sidenav-right md-whiteframe-z2" 
    md-component-id="right" 
    md-is-open="sd.rightSideBarOpen" 
    md-sidenav-focus=> 
    <md-content> 
     <p>Side Nav content</p> 
    </md-content> 
    </md-sidenav> 
</div> 

Это прекрасно работает, но когда нав открыта она принимает два щелчка, чтобы взаимодействовать с содержимым в главном окне. Я понимаю, что это ожидаемое поведение с парадигмой Material stacked sheets, но это не то поведение, которое я хочу для этого проекта. Интересно, когда используется атрибут md-is-locked-open, основное внимание уделяется основному содержимому и сидену.

Answer 1

Вы можете изменить фон с помощью следующей CSS:

md-backdrop.md-sidenav-backdrop { 
    display: none; 
} 

Хотя вы можете открыть билет на Github запрашивающим эту функцию там, как это может быть то, что должно быть встроено.

https://github.com/angular/material/issues

Answer 2

, чтобы избежать потери функциональности фона (например, скрывая sidenav при нажатии), лучше использовать background-color:transparent, чем изменение отображения свойства