angularjs - 選択ドロップダウン内のマテリアル デザイン選択オプション

Question

選択ドロップダウン内で AngularJs Material Design ライブラリの選択ドロップダウンを使用したいと考えています。私が直面している問題は、内側のドロップダウンを選択すると、リストがコンテンツの外側に表示されることです。

 <md-select placeholder="Pick" ng-model="someVal">
     <md-option value="1">Profile</md-option>
     <md-select placeholder="Pick" ng-model="someVal">
        <md-option value="3">sub header</md-option>
     </md-select>
     <md-option value="7">LogOut</md-option>
 </md-select>

ここで、親ドロップダウン内に別の選択ドロップダウンを配置したい場合、上記のコードのようなインスタンスですか?

サブ選択をクリックすると、リストがコンテンツボックスから表示されます。この問題を示す codepen の例を次に示します。

http://codepen.io/sstory/pen/vOyGga