I have a UI as below design. There are some component on different panel. Panel B and C will either display one and I use rule to control the panel or panel's component to hide or disable.
When I create the form, Panel C is hided. But I don't know why Panel E will overlap with Panel B and D. I expect Panel E will be rendered below Panel B and D.
The most strange thing happen. When I submitted the form and the status change. Panel B will hide and Panel C will appear. It show what I expected.
The Panel C contains 3 more panels and set rule to control the hide behavior. Will this affect the panel E at stage 1? I have checked the html for panel C is display: none; But Panel E div style are different at Stage 1 and Stage 2.
I would like to know how to solve this problem?