question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Console error when opening media picker crop from grid

See original GitHub issue

With latest changes I noticed some console errors, when opening image crop via media picker in the grid editor.

It seems scope.dimensions has some NaN values in its nested object properties, e.g. scale min and max.

image


This item has been added to our backlog AB#8321

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:16 (15 by maintainers)

github_iconTop GitHub Comments

2reactions
nul800sebastiaancommented, Aug 3, 2020

It seems like you two are close to a solution so I’ll let you work on it for a bit more 👍

1reaction
bjarnefcommented, Aug 3, 2020

The coordinates property it only saved on the entity if media has been saved with crops, so existing medias might not have this property.

The data comes from entityResource.getPagedDescendants() https://github.com/umbraco/Umbraco-CMS/blob/v8/contrib/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/mediapicker.controller.js#L447

and entityResource.getChildren() https://github.com/umbraco/Umbraco-CMS/blob/v8/contrib/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/mediapicker.controller.js#L519

In the abobe json I have saved the “Unicorn” image with crops. Not sure if it is expected the response from server side is the following?

"coordinates": {
  "x1": null,
  "y1": null,
  "x2": null,
  "y2": null
}
Read more comments on GitHub >

github_iconTop Results From Across the Web

media picker in grid editor
I've taken inspiration from this post, but getting the following error when opening the content node that includes this grid editor:.
Read more >
How to add multiple image using react native image picker
Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not ...
Read more >
devexpress/dx-react-grid
Composable plugin-based data grid component for React ... DevExtreme React Grid is a component that displays table data from a local or remote...
Read more >
How to integrate the Media Library into your CMS or Web app
Seamlessly integrate the Cloudinary media library into your content workflow so your users can easily select optimized assets matching your web app design....
Read more >
WordPress Media Library Folders & File Manager] Support
Thumbnails are sometimes not displayed in the media picker ... Problem with Grid view – error in console ... Filebird not opening wordpress.com....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found