Screen Losing CSS for Large Data Set

Screen Losing CSS for Large Data Set

  

Hello,

We are trying to build a template similar to time-sheet. We have a scenario where a new employee can be added along with preexisting employees and their time sheets for given days. The number of days the time-sheet details can be entered is also dynamic. The page is behaving differently in following scenario :

  1. Changing the # of days to 30 (Say > 14)
  1. Click on the + icon (on the right side of the screen) to add a new employee.
  1. This is working fine until 6 employees. When I go for seventh employee the css / page format is lost in the whole page. Please find the attached screenshots.

Any pointers on this is really helpful.

Hi,

Have you used Chrome's inspector (F12) to search for clues?

Paulo Ramos wrote:

Hi,

Have you used Chrome's inspector (F12) to search for clues?

Hi Paulo Ramos,

Yes. I looked into it. Surprisingly i see the script tags & form tag is getting truncated after adding multiple records. Please refer to screenshot.


This seems to be some Javascript library messing with the DOM. I'd review all client libraries being used on that screen.