I am working on some code for a draggable interface. I have a draggable container with a table layout. On the initial creation, certain cells are hidden. The container shows the cells when the the container gets clicked (using this.cell1.show(). If you click again, the cells will hide (using this.cell1.hide().

This works just fine until the container is dragged. Once dragged, the container will still fire the click event and the components correctly report their status as "hidden: false" in the console log. However, the class of "x-hide-display" does not get removed and the cells do not actually display. Even when I call this.cell1.removeClass('x-hide-display'), the class is not removed.

Again, this only happens after the container is dragged. Has anyone else seen this type of behavior?