Doc viewer height not being adjusted

[khaledgaaieb]

the height is not being update even when using the following code:

 <DocViewer
        documents={docs}
        pluginRenderers={DocViewerRenderers}
        style={{ height: "1000", width: "100%" }}
        config={{ header: { disableHeader: true } }}
      />

[nirmitsaini1024]

+1 please fix this as soon as possible.

[khaledgaaieb]

https://view.officeapps.live.com/op/embed.aspx?src=${url_to_your_doc}

I ended up using view from officeapps

[nirmitsaini1024]

https://view.officeapps.live.com/op/embed.aspx?src=${url_to_your_doc}

I ended up using view from officeapps

Thanks for the reply, also after embedding it, is there any way to search using a custom search bar and highlight the word in the viewer in brower. just like it does in pdf viewer locally.

[joel-henry]

+1 please fix this

[JosephScript]

I ended up using:

#msdoc-iframe {
    height: 100vh;
  }

[Exclusiveideas]

.react-doc-viewer .fBdFME { height: 100% !important; }

[jayesh96]

Added a custom container class

.chat-preview-wrapper { height: 100%;

#proxy-renderer { height: 100%; }

#msdoc-renderer { height: 100%; } }

[velrino]

Wrap the DocViewer in a container with a fixed height and override the internal element heights via CSS:

.doc-viewer-wrapper {
  height: 100%;
}

.doc-viewer-wrapper #react-doc-viewer,
.doc-viewer-wrapper #react-doc-viewer > div,
.doc-viewer-wrapper #proxy-renderer,
.doc-viewer-wrapper #msdoc-renderer,
.doc-viewer-wrapper #msdoc-iframe {
  height: 100% !important;
  overflow: auto;
}

<div className="doc-viewer-wrapper" style={{ height: '70vh' }}>
  <DocViewer
    documents={docs}
    pluginRenderers={DocViewerRenderers}
    style={{ height: '100%' }}
    config={{ header: { disableHeader: true } }}
  />
</div>

[mehul-faster]

Hello

I have create another please use that active maintaining

https://github.com/mehuljariwala/react-doc-viewer