diff --git a/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte b/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte
index fd7270cdfa..77b0e6b665 100644
--- a/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte
+++ b/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte
@@ -17,7 +17,7 @@
}
const getComponentTypeName = component => {
- let [componentName] = component._component.match(/[a-z]*$/)
+ let [componentName] = component._component.match(/[a-zA-Z]*$/)
return componentName || "element"
}
diff --git a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
index 1e4ced87c6..7bfa9ddab9 100644
--- a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
+++ b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
@@ -44,9 +44,11 @@ export default `
if (selectedComponentStyle) document.head.removeChild(selectedComponentStyle)
} catch(_) { }
+ console.log(data.selectedComponentType)
+
selectedComponentStyle = document.createElement('style');
document.head.appendChild(selectedComponentStyle)
- var selectedCss = '.' + data.selectedComponentType + '-' + data.selectedComponentId + '{ border: 2px solid #0055ff; }'
+ var selectedCss = '[data-bb-id="' + data.selectedComponentType + '-' + data.selectedComponentId + '"]' + '{border:2px solid #0055ff !important;}'
selectedComponentStyle.appendChild(document.createTextNode(selectedCss))
styles = document.createElement('style')
diff --git a/packages/standard-components/src/Link.svelte b/packages/standard-components/src/Link.svelte
index a243a1e304..bcd002f617 100644
--- a/packages/standard-components/src/Link.svelte
+++ b/packages/standard-components/src/Link.svelte
@@ -1,14 +1,15 @@
-
+
{text}