editProps not opening edit pane

%3CLINGO-SUB%20id%3D%22lingo-sub-1511703%22%20slang%3D%22en-US%22%3EeditProps%20not%20opening%20edit%20pane%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1511703%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20some%20custom%20formatting%20using%20tileProps%20on%20a%20sharepoint%20list.%20It%20was%20working%20fine%20and%20then%20suddenly%20stopped%20the%20other%20day.%20Even%20if%20I%20pare%20down%20the%20json%20to%20only%20my%20button%20with%20the%20customRowAction%20it%20won't%20open%20the%20edit%20panel%20and%20throws%20javascript%20errors.%20Any%20thoughts%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECode%3A%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fview-formatting.schema.json%22%2C%0A%20%20%22tileProps%22%3A%20%7B%0A%20%20%20%20%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%20%20%22height%22%3A%20%22385%22%2C%0A%20%20%20%20%22width%22%3A%20%22300%22%2C%0A%20%20%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22stretch%22%2C%0A%20%20%20%20%20%20%20%20%22margin%22%3A%20%223px%202px%22%2C%0A%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22%23fbfbfb%22%2C%0A%20%20%20%20%20%20%20%20%22height%22%3A%20%22375px%22%2C%0A%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22inherit%22%2C%0A%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%222px%22%2C%0A%20%20%20%20%20%20%20%20%22box-shadow%22%3A%20%221px%201.6px%203.6px%200%20%2300000024%2C%201px%200.3px%200.9px%200%20%2300000024%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%2232px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22position%22%3A%20%22absolute%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22bottom%22%3A%20%2210px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22justify-content%22%3A%20%22space-around%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22editProps%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Submit%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%2232px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%2016px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22%23333%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%221px%20solid%20%238a8886%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2214px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22600%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%221.4%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%222px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Submit%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3Eerror%20in%20console%20upon%20click%3A%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CDIV%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3ERefused%20to%20run%20the%20JavaScript%20URL%20because%20it%20violates%20the%20following%20Content%20Security%20Policy%20directive%3A%20%22script-src%20'self'%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20%3CURL%3E%20'unsafe-eval'%20'nonce-0ed1d478-c84a-4a3d-ab95-ad6f195ae5fe'%22.%20Either%20the%20'unsafe-inline'%20keyword%2C%20a%20hash%20('sha256-...')%2C%20or%20a%20nonce%20('nonce-...')%20is%20required%20to%20enable%20inline%20execution.%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FURL%3E%3C%2FP%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1511703%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%20%20Modern%20Experience%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1523372%22%20slang%3D%22en-US%22%3ERe%3A%20editProps%20not%20opening%20edit%20pane%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1523372%22%20slang%3D%22en-US%22%3Ebump.%20is%20there%20something%20wrong%20with%20the%20way%20I%20am%20implementing%20the%20editProps%20action%3F%20It%20used%20to%20work%20and%20then%20stopped.%20The%20javascript%20error%20logs%20in%20the%20console%20every%20click%20when%20it%20should%20open%20the%20edit%20pane.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1524422%22%20slang%3D%22en-US%22%3ERe%3A%20editProps%20not%20opening%20edit%20pane%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1524422%22%20slang%3D%22en-US%22%3E%3CP%3EI%20went%20back%20in%20today%20and%20it's%20all%20working%20again%20with%20no%20changes%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

I have some custom formatting using tileProps on a sharepoint list. It was working fine and then suddenly stopped the other day. Even if I pare down the json to only my button with the customRowAction it won't open the edit panel and throws javascript errors. Any thoughts?

 

Code:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
  "tileProps": {
      "hideSelection": true,
    "height": "385",
    "width": "300",
    "formatter": {
      "elmType": "div",
      "style": {
        "align-items": "stretch",
        "margin": "3px 2px",
        "background-color": "#fbfbfb",
        "height": "375px",
        "overflow": "inherit",
        "border-radius": "2px",
        "box-shadow": "1px 1.6px 3.6px 0 #00000024, 1px 0.3px 0.9px 0 #00000024"
      },
      "children": [
        
                {
                  "elmType": "div",
                  "style": {
                    "width": "100%",
                    "height": "32px",
                    "position": "absolute",
                    "bottom": "10px",
                    "justify-content": "space-around",
                    "text-align": "center"
                  },
                  "children": [
                    {
                      "elmType": "button",
                      "customRowAction": {
                        "action": "editProps"
                      },
                      "attributes": {
                        "title": "Submit"
                      },
                      "style": {
                        "height": "32px",
                        "padding": "0 16px",
                        "color": "#333",
                        "border": "1px solid #8a8886",
                        "background-color": "white",
                        "cursor": "pointer",
                        "font-size": "14px",
                        "font-weight": "600",
                        "line-height": "1.4",
                        "border-radius": "2px"
                      },
                      "children": [
                        {
                          "elmType": "span",
                          "txtContent": "Submit"
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          
  }
}
 
error in console upon click:
 

Refused to run the JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> <URL> 'unsafe-eval' 'nonce-0ed1d478-c84a-4a3d-ab95-ad6f195ae5fe'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.

2 Replies
bump. is there something wrong with the way I am implementing the editProps action? It used to work and then stopped. The javascript error logs in the console every click when it should open the edit pane.

I went back in today and it's all working again with no changes