As of two weeks ago, the "customCardProps" portion of my JSON view formatting code partially stopped working. I have no idea why as I didn't change any of my code. It worked fine, and then one day I woke up and it's suddenly being cranky about it. It will work on items that have data filled in, but not on newly created items. Only after I refresh the page does the openOnEvent work again. I can't make heads or tails of it since, again, it was working fine up until a couple weeks ago. Any ideas? I tried bringing the z-index up to the top to see if maybe it was getting hidden behind something, but that didn't work either. Did the schema change recently? Does SharePoint load things differently now?
EDIT: I believe it has something to do with how the inlineEditField is acting. Whenever I click away from the inlineEditField, the customCardProps elsewhere in my code stops working. Looking at the elements in the dev console, this element pops up whenever it does work:
<span class="ms-layer"></span>
It will not show for those that do not work. There's something broken here.
{
"elmType": "div",
"style": {
"background-color": "#000000",
"color": "white",
"cursor": "pointer",
"display": "flex",
"justify-content": "flex-end",
"align-items": "center",
"padding": "4px",
"font-size": "20px",
"text-align": "right",
"float": "right",
"position": "absolute",
"bottom": "45px",
"right": "14px",
"z-index": "999"
},
"attributes": {
"class": "ms-bgColor-neutralSecondaryAlt ms-fontColor-white",
"iconName": "KeyboardClassic"
},
"customCardProps": {
"openOnEvent": "click",
"directionalHint": "rightCenter",
"isBeakVisible": true,
"formatter": {
"elmType": "div",
"style": {
"padding": "10px 20px 10px 20px",
"font-size": "30px",
"font-weight": "bold",
"display": "flex",
"flex-flow": "column nowrap",
"z-index": "999"
},
"children": [
{
"elmType": "div",
"style": {
"display": "flex",
"flex-flow": "row nowrap"
},
"children": [....
