Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CalculateCPError on Nested Arrays with Objects & Unresponsive After Less than 3 Mintues #2530

Closed
kdagnan opened this issue Dec 19, 2023 · 0 comments · Fixed by #2531
Closed
Labels

Comments

@kdagnan
Copy link
Contributor

kdagnan commented Dec 19, 2023

Describe the bug
My team (4 of us) have all been experiencing 2 separate and fairly large bugs since 4.10.X series released about 3-4 weeks ago. We expected these were known issues that would be resolved, but after a few weeks I'm amazed that there's no issues here, or other reports in Discord, so I am reporting them myself.

TWO ISSUES:

  1. Objects within arrays are un-inspectable (from a service or component .js file). Clicking the array shows the objects in it, but clicking on one of those objects just results in "CalculateCPError" instead of showing you all the properties like previously:
    Screenshot 2023-12-19 at 9 05 59 AM
  2. The inspector goes entirely unresponsive after less than 3 minutes of opening it. We are constantly having to close DevTools and re-open.

To Reproduce Issue 1
Steps to reproduce the behavior:

  1. Run ember init
  2. Create a .js file (component or service)
  3. Add an array of objects (as a property, native getter, or computed() ) to .js file:
  people = [
    {
      id: '1234',
      name: 'justin',
    },
    {
      id: '4321',
      name: 'jim',
    },
  ];
  1. Save file, inject service or add component to Application template, ember serve, and open app in browser
  2. Open Ember Inspector & Navigate to Inspect the class you just created (either from Components tree or container -> service).
  3. Click on the array you added to class (works as expected - shows object 0, 1, etc).
  4. Click to drill into one of the objects in this array, and notice the CalculateCPError with no property details

To Reproduce Issue 2
Simply let the inspector sit open for a few minutes on an app. Return to notice that none of the UI elements do anything when clicked. You must close DevTools & re-open to re-activate.

Expected behavior
On 4.9.X, we were able to drill down into objects within arrays and see all properties on it in the inspector. We also were able to keep the inspector open indefinitely without it becoming unresponsive.

Environment

  • MacOS 14.0 with Apple Silicon
  • Tested on Chrome 120.0.6099.109 & Firefox 120.0.1
  • Originally Experienced on our Ember 3.28.X applications, but confirmed on a fresh ember init app running 5.4.X.

Worth noting that this is my team's setup, but we also asked someone with a Windows machine to test and they're experiencing the same things.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant