PDF Render Issue Fix - Revert to Iframe

app.py

@@ -84,16 +84,19 @@ with tab1:
             base64_pdf = b64encode(text_to_pdf_fastify(text)).decode("utf-8")
 
             # Embedding the PDFs in the HTML
-            original_display = f"""
-                <div class="pdf-container" style="height: 500px;">
-                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{original_pdf}" style="width: 100%; height: 100%;">
-                </div>
-                """
-            pdf_display = f"""
-                <div class="pdf-container" style="height: 500px;">
-                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style="width: 100%; height: 100%;">
-                </div>
-                """
+            original_display = f'<iframe src="data:application/pdf;base64,{original_pdf}" width = "100%" height = 600 type="application/pdf" download="original.pdf"></iframe>'
+            pdf_display = f'<iframe src="data:application/pdf;base64,{base64_pdf}" width = "100%" height = 600 type="application/pdf" download="Modified.pdf"></iframe>'
+            
+            # original_display = f"""
+            #     <div class="pdf-container" style="height: 500px;">
+            #         <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{original_pdf}" style="width: 100%; height: 100%;">
+            #     </div>
+            #     """
+            # pdf_display = f"""
+            #     <div class="pdf-container" style="height: 500px;">
+            #         <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style="width: 100%; height: 100%;">
+            #     </div>
+            #     """
             # Compare Logic implementation
             if compare:
                 col1, col2, col3 = st.columns(3)
@@ -153,17 +156,19 @@ with tab2:
                 # Embedding the PDFs in the HTML
                 # original_display = f"""<embed class="pdfobject" type="application/pdf" title="Original PDF" src="data:application/pdf;base64,{original_pdf}" style=" width: 100%; height: 150%;">"""
                 # pdf_display = f"""<embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style=" width: 100%; height: 150%;">"""
-
-                original_display = f"""
-                <div class="pdf-container" style="height: 500px;">
-                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{original_pdf}" style="width: 100%; height: 100%;">
-                </div>
-                """
-                pdf_display = f"""
-                <div class="pdf-container" style="height: 500px;">
-                    <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style="width: 100%; height: 100%;">
-                </div>
-                """
+                original_display = f'<iframe src="data:application/pdf;base64,{original_pdf}" width = "100%" height = 600 type="application/pdf" download="original.pdf"></iframe>'
+                pdf_display = f'<iframe src="data:application/pdf;base64,{base64_pdf}" width = "100%" height = 600 type="application/pdf" download="Modified.pdf"></iframe>'
+            
+                # original_display = f"""
+                # <div class="pdf-container" style="height: 500px;">
+                #     <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{original_pdf}" style="width: 100%; height: 100%;">
+                # </div>
+                # """
+                # pdf_display = f"""
+                # <div class="pdf-container" style="height: 500px;">
+                #     <embed class="pdfobject" type="application/pdf" title="Modified PDF" src="data:application/pdf;base64,{base64_pdf}" style="width: 100%; height: 100%;">
+                # </div>
+                # """
 
 
 
@@ -183,12 +188,12 @@ with tab2:
                         with st.container(border = True):
                             st.markdown("<div style='text-align: center;'><strong>Fastified PDF viewer</strong></div>", unsafe_allow_html=True)
                             st.markdown(pdf_display, unsafe_allow_html=True)
-                    # # Browser Cache Note
-                    # st.markdown(f"""
-                    #     <div style='background-color: #FFD580; border-radius: 5px;'>
-                    #         <p style='color: black;'><strong>Note</strong> - {note_text}</p>
-                    #     </div>
-                    #     """, unsafe_allow_html=True)
+                    # Browser Cache Note
+                    st.markdown(f"""
+                        <div style='background-color: #FFD580; border-radius: 5px;'>
+                            <p style='color: black;'><strong>Note</strong> - {note_text}</p>
+                        </div>
+                        """, unsafe_allow_html=True)
                 else:
                     # No Comparison
                     col1, col2, col3 = st.columns(3)