[Bug] svg image previews are shown at `imagePreviewMaxHeight` instead of using svg dimensions

[mattwbarry]

Is there an existing issue for this?

• [X] I have searched the existing issues

Have you updated FilePond and its plugins?

• [X] I have updated FilePond and its plugins

Describe the bug

When displaying a svg file either after adding the file in the browser or loading an existing image from the server, the height of the preview is set to imagePreviewMaxHeight instead of using the height defined in the svg file.

For example, a .svg file containing height="40px" width="40px" gets stretched to the default imagePreviewMaxHeight value of 256px.

Reproduction

Using filepond-plugin-image-preview, add a .svg file with height defined in the file.

React component using react-filepond:

export const FileInput = (props) => {
  const { defaultValue } = props;
  const initialFiles = defaultValue
    ? [
        {
          source: defaultValue,
          options: {
            type: 'local',
          },
        },
      ]
    : [];
  const [files, setFiles] = useState(initialFiles);

  return (
    <>
      <FilePond
        files={files}
        onupdatefiles={setFiles}
        server={{
          load: (url, load) => {
            fetch(url)
              .then((res) => {
                return res.blob();
              })
              .then(load);
          },
        }}
        instantUpload={false}
        storeAsFile={true}
      />
    </>
  );
};

Environment

- Device: Macbook Pro 2021
- OS: OSX 12
- Browser: Firefox 101, Chrome 102

[rikschennink]

Can you try with px

<svg height="40" width="40">

[mattwbarry]

Same result