Browser: Chrome 139.0.7258.155
OS: macOS
I’ve been enjoying use components for things like reusable content cards across a client site I’m developing. These have been working great until recently.
I realized that upgrading to 2.0.2 caused this content card component to no longer be editable. It still shows correctly on the front end, but is blank in the editor, and opening the component to edit it now shows an empty block. It is impossible to paste anything into the empty/broken component in this state.
I rolled back the site and tried to export a working version of the component, to re-import after running the 2.0.2 upgrade. However the importer didn’t work at all, just showing “Imported: 0/1”.
Before upgrade:
After upgrade:
Component JSON
{
"components": [
{
"id": "zbfsub",
"category": "",
"desc": "",
"elements": [
{
"id": "zbfsub",
"name": "block",
"parent": 0,
"children": [
"iiagri",
"girpmf"
],
"settings": {
"_cssGlobalClasses": [
"xknrjs",
"wwszwl"
],
"tag": "a",
"link": {
"type": "meta",
"useDynamicData": "{post_url}"
},
"_flexWrap": "nowrap"
},
"label": "Content Card"
},
{
"id": "pusxae",
"name": "image",
"parent": "iiagri",
"children": [],
"settings": {
"_cssGlobalClasses": [
"sudmbg"
],
"caption": "none"
},
"themeStyles": []
},
{
"id": "girpmf",
"name": "block",
"parent": "zbfsub",
"children": [
"fyffxs"
],
"settings": {
"_cssGlobalClasses": [
"sedskl"
],
"_attributes": [
{
"id": "izsymx",
"name": "data-bgcolor"
}
],
"_justifyContent": "flex-start"
}
},
{
"id": "dmojau",
"name": "block",
"parent": "fyffxs",
"children": [
"uoshxw"
],
"settings": {
"_cssGlobalClasses": [
"tqxkbc"
]
},
"label": "Post Type Label"
},
{
"id": "uoshxw",
"name": "button",
"parent": "dmojau",
"children": [],
"settings": {
"_cssGlobalClasses": [
"suqjmt"
],
"text": "{post_type}",
"_conditions": [
[
{
"id": "jbmitz",
"key": "dynamic_data",
"dynamic_data": "{post_type}",
"compare": "!=",
"value": "program"
}
]
]
}
},
{
"id": "dckiim",
"name": "block",
"parent": "fbmayh",
"children": [
"lyvrbt"
],
"settings": {
"_cssGlobalClasses": [
"oxzvnv"
],
"hasLoop": true,
"query": {
"objectType": "term",
"taxonomy": [
"role"
],
"current_post_term": true
}
},
"label": "Tax Query"
},
{
"id": "lyvrbt",
"name": "button",
"parent": "dckiim",
"children": [],
"settings": {
"text": "{term_name}",
"_cssGlobalClasses": [
"suqjmt"
]
}
},
{
"id": "ngvstg",
"name": "heading",
"parent": "fyffxs",
"children": [],
"settings": {
"tag": "h5",
"_cssGlobalClasses": [
"icmvid"
],
"style": "light"
}
},
{
"id": "thbpzf",
"name": "text-basic",
"parent": "fyffxs",
"children": [],
"settings": {
"_cssGlobalClasses": [
"ynefon"
],
"_typography": {
"font-size": "0.9em"
}
}
},
{
"id": "fbmayh",
"name": "block",
"parent": "fyffxs",
"children": [
"dckiim",
"nclfil"
],
"settings": {
"_cssGlobalClasses": [
"tqxkbc"
]
},
"label": "Tax List"
},
{
"id": "nclfil",
"name": "block",
"parent": "fbmayh",
"children": [
"uemtdx"
],
"settings": {
"_cssGlobalClasses": [
"oxzvnv"
],
"hasLoop": true,
"query": {
"objectType": "term",
"taxonomy": [
"role"
],
"current_post_term": true,
"queryEditor": "return []",
"signature": "3ec2a7bd1f2263fde85fd629df024951",
"user_id": 1,
"time": 1749513369
}
},
"label": "Related Post Query"
},
{
"id": "uemtdx",
"name": "button",
"parent": "nclfil",
"children": [],
"settings": {
"_cssGlobalClasses": [
"suqjmt"
],
"text": "{post_title}"
}
},
{
"id": "jonwqz",
"name": "block",
"parent": "fyffxs",
"children": [
"srldws",
"omcrga"
],
"settings": {
"_cssGlobalClasses": [
"bzblxm"
],
"_direction": "row",
"_cssTransition": "all 0.25s ease"
}
},
{
"id": "omcrga",
"name": "icon",
"parent": "jonwqz",
"children": [],
"settings": {
"icon": {
"library": "ionicons",
"icon": "ion-ios-arrow-round-forward"
},
"_cssGlobalClasses": [],
"iconSize": "1.75em"
}
},
{
"id": "srldws",
"name": "text-basic",
"parent": "jonwqz",
"children": [],
"settings": {
"text": "Here goes your text ... Select any part of your text to access the formatting toolbar.",
"_cssGlobalClasses": []
}
},
{
"id": "iiagri",
"name": "block",
"parent": "zbfsub",
"children": [
"pusxae"
],
"settings": {
"_objectFit": "cover",
"_objectPosition": "center top",
"_cssGlobalClasses": [
"cdqbnc"
],
"_heightMax:mobile_landscape": "90%",
"_heightMax:mobile_portrait": "90%"
}
},
{
"id": "fyffxs",
"name": "block",
"parent": "girpmf",
"children": [
"dmojau",
"ngvstg",
"thbpzf",
"fbmayh",
"jonwqz"
],
"settings": {
"_cssGlobalClasses": []
}
}
],
"properties": [
{
"label": "Card Image",
"type": "image",
"desc": "Select the photo or dynamic data connection for this card's image.",
"id": "nqbijp",
"connections": {
"pusxae": [
"sources|xazkaw|image",
"image"
]
},
"default": {
"useDynamicData": "{featured_image}",
"size": "large",
"filename": "ASFT_Fish-Apprenticeship_LHouse-2.jpg",
"id": 10053,
"url": "https://sec.cedargroupdev.com/wp-content/uploads/ASFT_Fish-Apprenticeship_LHouse-2-1024x684.jpg"
}
},
{
"label": "Hide Content Type",
"type": "toggle",
"id": "jsvtag",
"connections": {
"dmojau": [
"_hideElementBuilder",
"_hideElementFrontend"
]
},
"desc": "Toggle to show or hide a label for the content type (page, news, industry, etc.)",
"default": true
},
{
"label": "Card Title",
"type": "text",
"default": "{post_title}",
"id": "kvmdmf",
"connections": {
"ngvstg": [
"text"
]
}
},
{
"label": "Card Text",
"type": "text",
"default": "{post_excerpt:10}",
"id": "ubbnyk",
"connections": {
"thbpzf": [
"text"
]
}
},
{
"label": "Related Post Query",
"type": "query",
"desc": "Select the relationship to display for this card.",
"id": "egaztk",
"connections": {
"nclfil": [
"query"
]
},
"default": {
"queryEditor": "return []",
"meta_query": [
{
"id": "tjbjhg",
"key": "hide",
"value": "true"
}
]
}
},
{
"label": "Tax Query",
"type": "query",
"default": {
"objectType": "term",
"taxonomy": [
"category",
"post_tag"
],
"current_post_term": true,
"number": "0"
},
"id": "cwcbqp",
"connections": {
"dckiim": [
"query"
]
},
"desc": "Select the type of categories/tags to list on this card. "
},
{
"label": "Link Title",
"type": "text",
"id": "ptsaqn",
"connections": {
"srldws": [
"text"
]
},
"default": "Learn More"
},
{
"label": "Card Link",
"type": "link",
"default": {
"useDynamicData": "{post_url}",
"type": "meta"
},
"id": "wfusto",
"connections": {
"zbfsub": [
"link"
]
}
},
{
"label": "Color Options",
"type": "select",
"options": [
{
"id": "ooaztq",
"label": "Red",
"value": "var(--red)"
},
{
"id": "xndqhf",
"label": "Blue",
"value": "var(--blue)"
},
{
"id": "ngguan",
"label": "Green",
"value": "var(--green)"
},
{
"id": "hkbpwc",
"label": "Gray",
"value": "var(--gray)"
}
],
"default": "var(--blue)",
"id": "ymxcyi",
"connections": {
"girpmf": [
"_attributes|izsymx|value"
]
}
}
],
"_created": 1749512122,
"_user_id": 1,
"_version": "2.0-alpha"
}
],
"globalClasses": [
{
"id": "xknrjs",
"name": "card-wrapper",
"settings": {
"_position": "relative",
"_columnGap": "0",
"_width": "100%",
"_rowGap": "0",
"_justifyContent": "space-between",
"_height": "100%",
"_heightMin": "100%",
"_direction:mobile_landscape": "row",
"_alignItems:mobile_landscape": "stretch",
"_height:mobile_landscape": "auto",
"_heightMin:mobile_landscape": "auto"
},
"modified": 1753058463,
"user_id": 3
},
{
"id": "wwszwl",
"name": "hover-lift",
"settings": {
"_cssCustom": ".hover-lift:hover {\n transform: translate(0px, -8px);\n}",
"_cssTransition": "all 0.25s ease"
}
},
{
"id": "sudmbg",
"name": "card-image",
"settings": {
"_position": "absolute",
"_width": "100%",
"_objectFit": "cover",
"_objectPosition": "center top",
"_height": "100%",
"_top": "0",
"_right": "0",
"_bottom": "0",
"_left": "0"
},
"modified": 1753110417,
"user_id": 3
},
{
"id": "sedskl",
"name": "card-content-block",
"settings": {
"_position": "relative",
"_width": "calc(100% - 20px)",
"_alignSelf": "flex-end",
"_columnGap": "0",
"_padding": {
"top": "16px",
"right": "16px",
"bottom": "16px",
"left": "16px"
},
"_border": {
"radius": {
"top": "8px",
"right": "8px",
"bottom": "8px",
"left": "8px"
}
},
"_zIndex": "1",
"_height": "fit-content",
"_justifyContent": "flex-end",
"_rowGap": "4px",
"_margin": {
"top": "-40px"
},
"_cssCustom": ".card-content-block[data-bgcolor]:not([data-bgcolor='']) {\n background-color: attr(data-bgcolor type(<color>)) !important;\n}",
"_direction:mobile_landscape": "row",
"_flexWrap:mobile_landscape": "nowrap",
"_alignItems:mobile_landscape": "stretch",
"_columnGap:mobile_landscape": "24",
"_margin:mobile_landscape": {
"top": "0",
"left": "-30%"
},
"_padding:mobile_landscape": {
"left": "30%"
}
},
"modified": 1752876713,
"user_id": 1
},
{
"id": "tqxkbc",
"name": "card-tax-list",
"settings": {
"_direction": "row",
"_flexWrap": "wrap",
"_columnGap": "0",
"_rowGap": "0"
},
"modified": 1749513626,
"user_id": 1
},
{
"id": "suqjmt",
"name": "card-tax",
"settings": {
"_typography": {
"color": {
"hex": "#f5f5f5",
"id": "b7b834",
"name": "Color #1"
},
"text-transform": "uppercase",
"line-height": "1em",
"font-size": "0.75em"
},
"_padding": {
"right": "8",
"top": "8",
"bottom": "4",
"left": "0"
}
},
"modified": 1749510036,
"user_id": 1
},
{
"id": "oxzvnv",
"name": "card-tax-query",
"settings": {
"_width": "fit-content"
},
"modified": 1749513626,
"user_id": 1
},
{
"id": "suqjmt",
"name": "card-tax",
"settings": {
"_typography": {
"color": {
"hex": "#f5f5f5",
"id": "b7b834",
"name": "Color #1"
},
"text-transform": "uppercase",
"line-height": "1em",
"font-size": "0.75em"
},
"_padding": {
"right": "8",
"top": "8",
"bottom": "4",
"left": "0"
}
},
"modified": 1749510036,
"user_id": 1
},
{
"id": "icmvid",
"name": "card-title",
"settings": {
"_typography": {
"color": {
"hex": "#f5f5f5",
"id": "b7b834",
"name": "Color #1"
},
"line-height": "1em",
"font-size": "1em"
}
},
"modified": 1753921488,
"user_id": 1
},
{
"id": "ynefon",
"name": "card-blurb",
"settings": {
"_typography": {
"color": {
"hex": "#f5f5f5",
"id": "b7b834",
"name": "Color #1"
},
"line-height": "1em"
}
},
"modified": 1749512793,
"user_id": 1
},
{
"id": "tqxkbc",
"name": "card-tax-list",
"settings": {
"_direction": "row",
"_flexWrap": "wrap",
"_columnGap": "0",
"_rowGap": "0"
},
"modified": 1749513626,
"user_id": 1
},
{
"id": "oxzvnv",
"name": "card-tax-query",
"settings": {
"_width": "fit-content"
},
"modified": 1749513626,
"user_id": 1
},
{
"id": "suqjmt",
"name": "card-tax",
"settings": {
"_typography": {
"color": {
"hex": "#f5f5f5",
"id": "b7b834",
"name": "Color #1"
},
"text-transform": "uppercase",
"line-height": "1em",
"font-size": "0.75em"
},
"_padding": {
"right": "8",
"top": "8",
"bottom": "4",
"left": "0"
}
},
"modified": 1749510036,
"user_id": 1
},
{
"id": "bzblxm",
"name": "card-open",
"settings": {
"_typography": {
"color": {
"hex": "#f5c54c",
"id": "yqcpnt",
"name": "Color #20"
},
"text-transform": "uppercase"
},
"_cssCustom": "a:hover .card-open {\n transform: translate(16px);\n}\n\n.supporter-card:has(a):hover .card-open {\n transform: translate(16px);\n}",
"_cssTransition": "all 0.25s ease"
},
"modified": 1753126294,
"user_id": 1
},
{
"id": "cdqbnc",
"name": "card-image-wrapper",
"settings": {
"_position": "relative",
"_width": "calc(100% - 20px)",
"_border": {
"radius": {
"top": "8",
"right": "8",
"bottom": "8",
"left": "8"
}
},
"_flexGrow": "1",
"_boxShadow": {
"values": {
"offsetY": "2",
"blur": "2"
},
"color": {
"hex": "#212121",
"rgb": "rgba(33, 33, 33, 0.12)",
"hsl": "hsla(0, 0%, 13%, 0.12)"
}
},
"_background": {
"color": {
"hex": "#f5f5f5",
"id": "b7b834",
"name": "Color #1"
},
"image": {
"id": 9999,
"filename": "SEC-Logo.png",
"size": "full",
"full": "https://sec.cedargroupdev.com/wp-content/uploads/SEC-Logo.png",
"url": "https://sec.cedargroupdev.com/wp-content/uploads/SEC-Logo.png"
},
"position": "center center",
"size": "custom",
"repeat": "no-repeat",
"custom": "70%"
},
"_overflow": "hidden",
"_heightMin": "0",
"_width:mobile_landscape": "auto",
"_widthMax:mobile_landscape": "30%",
"_margin:mobile_landscape": {
"left": "0",
"bottom": "16",
"top": "-16"
},
"_zIndex:mobile_landscape": "2"
},
"modified": 1752876713,
"user_id": 1
}
]
}
Is this a known issue? Any advice is appreciated!