Different behaviour between Atlass DragPanel and Ajaxs

<asp:Panel ID="Panel6" runat="server" Width="100%"> <asp:Panel BorderStyle="Solid" BorderWidth="2px" BorderColor="black" ID="headerPanel" runat="server" Width="100%" Height="20px"> <input type="text" id="iName" readonly="readonly" value="Drag me"/> </asp:Panel> <asp:Panel BorderStyle="Solid" BackColor="#0B3D73" ForeColor="whitesmoke" BorderWidth="2px" BorderColor="black" ID="Panel8" runat="server" Width="100%" CssClass="overflowHidden">Something here </asp:Panel></asp:Panel>

The panel above working fine with Atlas's DragPanel, as I can freely click on anywhere inside the headerPanel to move the Panel6 around, include the area within the "iName" label.

But the problem is when I move to Ajax Asp.NET Beta 2, I can click only on the area of headerPanel in which "iName" is not cover move Panel6 around. When I click iName and move it, nothing happen.

Do you guy have any idea or workaround to fix this? As I need iName as an input to dynamically change the text using Javascript

This is by design perwork item 6429: undraggable elements are "input", "button", "select", "textarea", "label". You're welcome to modify checkCanDrag in FloatingBehavior.js if you'd like to play around with removing this limitation.