Foundation 5 Dropdown button not working in nested table row

Dropdown button not working if the dropdown button is inside a nested table row.

Please refer to this example in jsbin: http://ift.tt/1S83kS0

• Click on Header 1 to show an expanded table row.
• Then, click on Dropdown Button 1. The dropdown menu does not appear after the button is clicked.
• Click on Header 2 to show an expanded table row.
• Then, click on + button. The dropdown menu does not appear after the button is clicked.

However, if you the dropdown button is located in the table row itself, the dropdown button will work fine in both places, (ie. in the table row and in the nested table row)

Refer to this example: http://ift.tt/1LRDuSA

• Click on Dropdown Button 1. The dropdown menu appears after the button is clicked.
• Click on Header 2 to show an expanded table row.
• Then, click on + button. The dropdown menu appears after the button is clicked.

I'm not sure why the dropdown button is behaving in such a way. Any help to resolve this issue is much appreciated. Thank you!