{"id":2332,"date":"2026-08-27T17:17:46","date_gmt":"2026-08-27T17:17:46","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&#038;p=2332"},"modified":"2026-08-27T17:40:44","modified_gmt":"2026-08-27T17:40:44","slug":"non-destructive-selection","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/layout-tools\/non-destructive-selection\/","title":{"rendered":"Non-Destructive Selection"},"content":{"rendered":"<div style=\"color: #2b2b2b;\">\n<h2 class=\"western\"><span style=\"color: #007670;\">Non-Destructive Selection<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2348\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/NoneDestructiveSelection.webp\" alt=\"Non-Destructive Selection\" width=\"331\" height=\"220\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/NoneDestructiveSelection.webp 1423w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/NoneDestructiveSelection-300x199.webp 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/NoneDestructiveSelection-1024x679.webp 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/NoneDestructiveSelection-768x509.webp 768w\" sizes=\"auto, (max-width: 331px) 100vw, 331px\" \/><\/span><\/h2>\n<p class=\"western\">When building complex layouts with overlapping elements, maintaining your visual hierarchy is critical. Open Publisher uses a <strong>Non-Destructive Selection<\/strong> system that ensures selecting an object never temporarily pops it to the front or disturbs your carefully arranged layers.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Preserved Stacking Order<\/span><\/h3>\n<h3 class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2346\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/PreservedStackingOrder-1.webp\" alt=\"Preserved Stacking Order\" width=\"76\" height=\"75\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/PreservedStackingOrder-1.webp 398w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/PreservedStackingOrder-1-300x294.webp 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/PreservedStackingOrder-1-150x150.webp 150w\" sizes=\"auto, (max-width: 76px) 100vw, 76px\" \/><\/h3>\n<p class=\"western\">When you select an element that is layered behind other objects, it stays exactly where it is in the visual stack. The image and element stacking order you manually create using the <strong>Bring Forward<\/strong> and <strong>Send Backward<\/strong> tools remains completely untouched during active selection and editing.<\/p>\n<p align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"max-width: 100%; border-radius: 6px;\" src=\"https:\/\/github.com\/user-attachments\/assets\/7d6fa21a-f5ed-4416-b1f3-6636aa6939fa\" alt=\"Open Publisher non-destructive selection overlay on buried layer\" width=\"661\" height=\"465\" \/><\/p>\n<p><!-- NEW INFO BANNER HERE --><\/p>\n<div style=\"background-color: #f0f7f7; border-left: 4px solid #007670; padding: 12px 16px; margin: 16px 0; border-radius: 0 4px 4px 0; font-size: 0.95em;\"><em><strong>Note:<\/strong> how the selected image displays its selector bounding box and handles, despite being placed at the very bottom of the document stack.<\/em><\/div>\n<p><!-- END INFO BANNER --><\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">The Floating Selection Overlay<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2342\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TheFloatingSelectionOverlay.webp\" alt=\"The Floating Selection Overlay\" width=\"128\" height=\"159\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TheFloatingSelectionOverlay.webp 369w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TheFloatingSelectionOverlay-242x300.webp 242w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/span><\/h3>\n<p class=\"western\">To allow you to manipulate elements without changing their Z-index (layer depth), Open Publisher renders the selection highlighter on a dedicated, floating overlay layer high above the workspace. This overlay includes:<\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">The blue dashed bounding box<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">The white resize dots on the edges and corners<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">The rotation stick handle<\/span><\/p>\n<\/li>\n<\/ul>\n<h3 class=\"western\"><span style=\"color: #007670;\">Top-Level Handle Interaction<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2340\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TopLevelHandleInteration.webp\" alt=\"Top-Level Handle Interaction\" width=\"128\" height=\"123\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TopLevelHandleInteration.webp 441w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/TopLevelHandleInteration-300x288.webp 300w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" \/><\/span><\/h3>\n<p class=\"western\">Because the resize and rotation handles are rendered on this top-level floating overlay, they are always fully interactive. This ensures that even if you select an object that is deeply buried underneath large shapes or text boxes, you can still easily grab its controls to scale or rotate it without having to move the blocking elements out of the way first.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Non-Destructive Selection When building complex layouts with overlapping elements, maintaining your visual hierarchy is critical. Open Publisher uses a Non-Destructive Selection system that ensures selecting an object never temporarily pops it to the front or disturbs your carefully arranged layers. Preserved Stacking Order When you select an element that is layered behind other objects, it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2348,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[20],"class_list":["post-2332","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-layout-tools"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=2332"}],"version-history":[{"count":14,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2332\/revisions"}],"predecessor-version":[{"id":2354,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2332\/revisions\/2354"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/2348"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=2332"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=2332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}