[COMPASS-5655] Aggregation pipeline stage shows "An error occurred while rendering AggregationsPlugin: Cannot have two HTML5 backends at the same time." Created: 31/Mar/22  Updated: 29/Oct/23  Resolved: 13/Apr/22

Status: Closed
Project: Compass
Component/s: Aggregation pipeline
Affects Version/s: 1.31.0
Fix Version/s: 1.31.2

Type: Bug Priority: Critical - P2
Reporter: Felicia Hsieh Assignee: Sergey Petushkov
Resolution: Fixed Votes: 2
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified
Environment:

mac 12.1


Attachments: PNG File Screen Shot 2022-03-31 at 3.04.20 PM.png     PNG File Screen Shot 2022-03-31 at 3.07.35 PM.png    
Documentation Changes: Not Needed
Sprint: Iteration Yonkers

 Description   

Problem Statement/Rationale

What is going wrong? What action would you like the Engineering team to take?

Can't create a 2nd Aggregation pipeline stage.

This happens when there is no index other than the default index. After adding an index, aggregation pipeline works as normal.

Steps to Reproduce

How could an engineer replicate the issue you’re reporting?

Using sample_mflix on standalone mongod.

Create pipeline on $match using
{    year: {$gte:1950}
}

Click "Add Stage" button.

See error, "An error occurred while rendering AggregationsPlugin: Cannot have two HTML5 backends at the same time."

Expected Results

What do you expect to happen?

Can create a 2nd aggregation pipeline stage.

Actual Results

What do you observe is happening?

See error, "An error occurred while rendering AggregationsPlugin: Cannot have two HTML5 backends at the same time."

Can't go back to previous screen either.

Additional Notes

Any additional information that may be useful to include.



 Comments   
Comment by Githook User [ 19/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 19/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 14/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 14/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 13/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 13/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 13/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 13/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 12/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 12/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 12/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 12/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: chore(compass-aggregations): Replace react-dnd with react-sortable-hoc COMPASS-5655 (#2978)

  • chore(compass-aggregations): Replace react-dnd with react-sortable-hoc
  • chore(compass-aggregations): Cleanup
  • chore(compass-components): Align react-sortable-hoc version
  • chore(compass-aggregations): Set pointer events to auto when dragging
  • chore(compass-aggregations): Clean up commented props
  • chore(compass-aggregations): Use distance instead of pressDelay to avoid dragging when interacting with elements in the handle component
Comment by Githook User [ 12/Apr/22 ]

Author:

{'name': 'Sergey Petushkov', 'email': 'petushkov.sergey@gmail.com', 'username': 'gribnoysup'}

Message: Merge branch 'main' into compass-5655-replace-react-dnd
Branch: compass-5655-replace-react-dnd
https://github.com/mongodb-js/compass/commit/c55eb77859b7784a6e052bd1b9375e3c523892f6

Comment by Anna Henningsen [ 08/Apr/22 ]

tomas.laubr@smart-software.cz Thank you! This is very helpful indeed.

Comment by Tomáš Laubr [ 08/Apr/22 ]

Same issue here!

How to reproduce:

  1. Start fresh Compass.
  2. Connect to a database
  3. open a database and open any collection
  4. switch to any other collection
  5. go to Aggregation tab
  6. click ADD STAGE

Actual result: "An error occurred while rendering AggregationsPluginCannot have two HTML5 backends at the same time."

Compass 1.31.1

Windows 10

Comment by Githook User [ 05/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655 (#2944)
Branch: COMPASS-5588-update-perf-toolbar
https://github.com/mongodb-js/compass/commit/698d6b67fa78525845d1c6b8f3c98f7451ce1d4a

Comment by Githook User [ 05/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655 (#2944)
Branch: add-gitignore-for-built-bundles
https://github.com/mongodb-js/compass/commit/698d6b67fa78525845d1c6b8f3c98f7451ce1d4a

Comment by Githook User [ 05/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655 (#2944)
Branch: 5623-dev
https://github.com/mongodb-js/compass/commit/698d6b67fa78525845d1c6b8f3c98f7451ce1d4a

Comment by Githook User [ 05/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655 (#2944)
Branch: remove-compass-connect
https://github.com/mongodb-js/compass/commit/698d6b67fa78525845d1c6b8f3c98f7451ce1d4a

Comment by Githook User [ 04/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655 (#2944)
Branch: 5620-dev
https://github.com/mongodb-js/compass/commit/698d6b67fa78525845d1c6b8f3c98f7451ce1d4a

Comment by Githook User [ 04/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655 (#2944)
Branch: 1.31-releases
https://github.com/mongodb-js/compass/commit/698d6b67fa78525845d1c6b8f3c98f7451ce1d4a

Comment by Githook User [ 04/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655 (#2944)
Branch: main
https://github.com/mongodb-js/compass/commit/698d6b67fa78525845d1c6b8f3c98f7451ce1d4a

Comment by Githook User [ 04/Apr/22 ]

Author:

{'name': 'Anna Henningsen', 'email': 'anna@addaleax.net', 'username': 'addaleax'}

Message: fix(compass-aggregations): use singleton HTML5 drag&drop backend COMPASS-5655
Branch: 5655-dev
https://github.com/mongodb-js/compass/commit/9092fc64f310b8b171003dcab1855c7fc620c6b2

Comment by Alexandre LEGOUT [ 04/Apr/22 ]

Same here, but on collections having more than the default index

Generated at Wed Feb 07 22:40:20 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.