When a page contains a table that contains a drawer, and the drawer container a table that contains a drawer, when editing the 2nd level drawer, the designer does not accept components to be dragged on to the drawer. Instead, it drops them on the 1st level drawer.
In short, it appears that the popup that is on top of the popup is not the “droppable target”
Notes
- This repros in IE & Chrome
- This was not a problem in previous releases of Skuid although I don’t know when it started
Steps to reproduce:
- Create page using XML below
- Open the drawer popup on the Table that is on the base page
- Open the drawer popup for the table that is in the 1st drawer
- Try to drag a component from the toolbox on to the 2nd level drawer
Expected Behavior
Component is droppable on the 2nd level drawer
Actual Behavior
No indication is provided that the component is droppable on 2nd level drawer. If you release the mouse button on top of the 2nd level drawer, the components gets “dropped” on to the first level drawer
Sample Page XML
<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true" tabtooverride="Account"> <models>
<model id="Account" limit="100" query="true" createrowifnonefound="false" sobject="Account">
<fields>
<field id="Name"/>
<field id="CreatedDate"/>
</fields>
<conditions/>
<actions/>
</model>
</models>
<components>
<pagetitle model="Account" uniqueid="sk-mkm4K-68">
<maintitle>
<template>{{Model.labelPlural}}</template>
</maintitle>
<subtitle>
<template>Home</template>
</subtitle>
<actions>
<action type="savecancel"/>
</actions>
</pagetitle>
<skootable showconditions="true" showsavecancel="false" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" createrecords="true" model="Account" mode="read" uniqueid="sk-mkm4K-69">
<fields>
<field id="Name" allowordering="true"/>
<field id="CreatedDate" allowordering="true"/>
</fields>
<rowactions>
<action type="multi" label="Run multiple actions" icon="sk-icon-magic">
<actions>
<action type="drawer">
<drawer title="Drawer Area" width="90%" closehandle="true">
<components>
<skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" createrecords="true" model="Account" buttonposition="" mode="read" uniqueid="sk-mktEv-97">
<fields/>
<rowactions>
<action type="multi" label="Run multiple actions" icon="sk-icon-magic">
<actions>
<action type="drawer">
<drawer title="Drawer Area" width="90%" closehandle="true">
<components/>
</drawer>
</action>
</actions>
</action>
</rowactions>
<massactions usefirstitemasdefault="true"/>
<views>
<view type="standard"/>
</views>
</skootable>
</components>
</drawer>
</action>
</actions>
</action>
</rowactions>
<massactions usefirstitemasdefault="true"/>
<views>
<view type="standard"/>
</views>
</skootable>
</components>
<resources>
<labels/>
<css/>
<javascript/>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</skuidpage>