When attempting to display a lengthy list of elements on the screen, I noticed that in Internet Explorer only the first page prints and the rest of the elements are cut off. However, in other browsers, the list prints correctly. It's important to mention that this is not within an iframe, but rather within a pop-up that is positioned absolutely on the page. The extensive list of elements is contained within a scrolling <div> element within the pop-up due to its length.
I have tried several approaches to address this issue without success:
- Removing absolute positioning from all elements on the page
- Eliminating floats from the page layout
- Setting all overflow properties to visible or commenting them out
- Getting rid of all height properties from the elements
Unfortunately, since the root cause of the problem is unknown, I am unable to provide a code sample that replicates the issue for debugging purposes. This problem exists within a larger Angular 2 application.