diff --git a/server/src/workflow-management/selector.ts b/server/src/workflow-management/selector.ts
index 30940bbd..f3f77e2e 100644
--- a/server/src/workflow-management/selector.ts
+++ b/server/src/workflow-management/selector.ts
@@ -305,7 +305,12 @@ export const getSelectors = async (page: Page, coordinates: Coordinates) => {
 
        function id(input: Element): Node | null {
          const elementId = input.getAttribute('id');
-         
+         if (elementId && config.idName(elementId)) {
+           return {
+             name: '#' + cssesc(elementId, { isIdentifier: true }),
+             penalty: 0,
+           };
+         }
          return null;
        }