diff --git a/core/modules/quickedit/css/quickedit.module.css b/core/modules/quickedit/css/quickedit.module.css
index 4c55a9a4f7..12e2c3fa1b 100644
--- a/core/modules/quickedit/css/quickedit.module.css
+++ b/core/modules/quickedit/css/quickedit.module.css
@@ -112,7 +112,7 @@
 .quickedit-toolbar-label {
   overflow: hidden;
 }
-#quickedit-toolbar-fence {
+.quickedit-toolbar-fence {
   position: fixed;
   z-index: -1;
   top: 0;
diff --git a/core/modules/quickedit/js/theme.es6.js b/core/modules/quickedit/js/theme.es6.js
index 17640feec0..dcbf87c989 100644
--- a/core/modules/quickedit/js/theme.es6.js
+++ b/core/modules/quickedit/js/theme.es6.js
@@ -70,11 +70,15 @@
   /**
    * Element defining a containing box for the placement of the entity toolbar.
    *
+   * @param {object} settings
+   *   Settings object used to construct the markup.
+   * @param {string} settings.id
+   *   The id to apply to the containing box.
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditEntityToolbarFence = function() {
-    return '<div id="quickedit-toolbar-fence" />';
+  Drupal.theme.quickeditEntityToolbarFence = function(settings) {
+    return `<div id="${settings.id}" class="quickedit-toolbar-fence"/>`;
   };
 
   /**
diff --git a/core/modules/quickedit/js/theme.js b/core/modules/quickedit/js/theme.js
index 8b12cd7651..70f86d50e0 100644
--- a/core/modules/quickedit/js/theme.js
+++ b/core/modules/quickedit/js/theme.js
@@ -29,8 +29,8 @@
     return '<span class="field">' + Drupal.checkPlain(settings.fieldLabel) + '</span>' + Drupal.checkPlain(settings.entityLabel);
   };
 
-  Drupal.theme.quickeditEntityToolbarFence = function () {
-    return '<div id="quickedit-toolbar-fence" />';
+  Drupal.theme.quickeditEntityToolbarFence = function (settings) {
+    return '<div id="' + settings.id + '" class="quickedit-toolbar-fence"/>';
   };
 
   Drupal.theme.quickeditFieldToolbar = function (settings) {
diff --git a/core/modules/quickedit/js/views/EntityToolbarView.es6.js b/core/modules/quickedit/js/views/EntityToolbarView.es6.js
index 35f125ed97..0ba3565866 100644
--- a/core/modules/quickedit/js/views/EntityToolbarView.es6.js
+++ b/core/modules/quickedit/js/views/EntityToolbarView.es6.js
@@ -11,6 +11,16 @@
        */
       _fieldToolbarRoot: null,
 
+      /**
+       * @type {string}
+       */
+      _toolbar_id: null,
+
+      /**
+       * @type {string}
+       */
+      _fence_id: null,
+
       /**
        * @return {object}
        *   A map of events.
@@ -39,6 +49,10 @@
         this.appModel = options.appModel;
         this.$entity = $(this.model.get('el'));
 
+        // Generate the DOM-compatible IDs.
+        this._toolbar_id = `quickedit-entity-toolbar-for-${this.model.cid}`;
+        this._fence_id = `quickedit-toolbar-fence-for-${this.model.cid}`;
+
         // Rerender whenever the entity state changes.
         this.listenTo(
           this.model,
@@ -97,13 +111,17 @@
         if (this.model.get('isActive')) {
           // If the toolbar container doesn't exist, create it.
           const $body = $('body');
-          if ($body.children('#quickedit-entity-toolbar').length === 0) {
+          if ($body.children(`#${this._toolbar_id}`).length === 0) {
             $body.append(this.$el);
           }
           // The fence will define a area on the screen that the entity toolbar
           // will be position within.
-          if ($body.children('#quickedit-toolbar-fence').length === 0) {
-            this.$fence = $(Drupal.theme('quickeditEntityToolbarFence'))
+          if ($body.children(`#${this._fence_id}`).length === 0) {
+            this.$fence = $(
+              Drupal.theme('quickeditEntityToolbarFence', {
+                id: this._fence_id,
+              }),
+            )
               .css(Drupal.displace())
               .appendTo($body);
           }
@@ -443,7 +461,7 @@
       buildToolbarEl() {
         const $toolbar = $(
           Drupal.theme('quickeditEntityToolbar', {
-            id: 'quickedit-entity-toolbar',
+            id: this._toolbar_id,
           }),
         );
 
diff --git a/core/modules/quickedit/js/views/EntityToolbarView.js b/core/modules/quickedit/js/views/EntityToolbarView.js
index 30dd7fa2da..e08bc975c4 100644
--- a/core/modules/quickedit/js/views/EntityToolbarView.js
+++ b/core/modules/quickedit/js/views/EntityToolbarView.js
@@ -9,6 +9,10 @@
   Drupal.quickedit.EntityToolbarView = Backbone.View.extend({
     _fieldToolbarRoot: null,
 
+    _toolbar_id: null,
+
+    _fence_id: null,
+
     events: function events() {
       var map = {
         'click button.action-save': 'onClickSave',
@@ -22,6 +26,9 @@
       this.appModel = options.appModel;
       this.$entity = $(this.model.get('el'));
 
+      this._toolbar_id = 'quickedit-entity-toolbar-for-' + this.model.cid;
+      this._fence_id = 'quickedit-toolbar-fence-for-' + this.model.cid;
+
       this.listenTo(this.model, 'change:isActive change:isDirty change:state', this.render);
 
       this.listenTo(this.appModel, 'change:highlightedField change:activeField', this.render);
@@ -45,12 +52,14 @@
     render: function render() {
       if (this.model.get('isActive')) {
         var $body = $('body');
-        if ($body.children('#quickedit-entity-toolbar').length === 0) {
+        if ($body.children('#' + this._toolbar_id).length === 0) {
           $body.append(this.$el);
         }
 
-        if ($body.children('#quickedit-toolbar-fence').length === 0) {
-          this.$fence = $(Drupal.theme('quickeditEntityToolbarFence')).css(Drupal.displace()).appendTo($body);
+        if ($body.children('#' + this._fence_id).length === 0) {
+          this.$fence = $(Drupal.theme('quickeditEntityToolbarFence', {
+            id: this._fence_id
+          })).css(Drupal.displace()).appendTo($body);
         }
 
         this.label();
@@ -243,7 +252,7 @@
     },
     buildToolbarEl: function buildToolbarEl() {
       var $toolbar = $(Drupal.theme('quickeditEntityToolbar', {
-        id: 'quickedit-entity-toolbar'
+        id: this._toolbar_id
       }));
 
       $toolbar.find('.quickedit-toolbar-entity').prepend(Drupal.theme('quickeditToolgroup', {
diff --git a/core/themes/stable/css/quickedit/quickedit.module.css b/core/themes/stable/css/quickedit/quickedit.module.css
index 4c55a9a4f7..12e2c3fa1b 100644
--- a/core/themes/stable/css/quickedit/quickedit.module.css
+++ b/core/themes/stable/css/quickedit/quickedit.module.css
@@ -112,7 +112,7 @@
 .quickedit-toolbar-label {
   overflow: hidden;
 }
-#quickedit-toolbar-fence {
+.quickedit-toolbar-fence {
   position: fixed;
   z-index: -1;
   top: 0;