Есть форма, в форме поля импут и т.д, так же я подключил плагин
croppie, для того чтобы обрезать фото на лету в реальном времени.


При добавлении информации в форме и фото, все окей, обрезает и сохраняет.


Редактирую я эти данные которые сохранил, при каждом сохранении
данных, не трогая фото, у меня режется фотка и делает это croppie, и
становиться все меньше и меньше.




Я примерно понимаю в чем дело:


viewport: {
width: 250,
height: 250,
type: 'rawcanvas'
},
boundary: {
width: '100%',
height: 300
}

Если поставить так:

viewport: {
width: '100%',
height: '100%',
type: 'rawcanvas'
},



Все окей, фотка не режется.


Но есть но, теперь нельзя резать фото, пропадают по бокам ползунки, можно только увеличивать.


Кто как решал данную проблему?


Сделал пример, но чет фото не выводит, хотя у меня работает на демо сайте.
https://jsfiddle.net/vlit/coh7zyxb/36/