sp-dev-docs icon indicating copy to clipboard operation
sp-dev-docs copied to clipboard

InlineEditing doesn't work in Board View - opens right side Form

Open aaclage opened this issue 2 years ago • 6 comments

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

Declarative list formatting

Developer environment

Windows

What browser(s) / client(s) have you tested

  • [ ] 💥 Internet Explorer
  • [X] 💥 Microsoft Edge
  • [X] 💥 Google Chrome
  • [X] 💥 FireFox
  • [X] 💥 Safari
  • [ ] mobile (iOS/iPadOS)
  • [ ] mobile (Android)
  • [ ] not applicable
  • [ ] other (enter in the "Additional environment details" area below)

Additional environment details

  • browser version
  • SPFx version
  • Node.js version
  • etc

Describe the bug / error

I don't know if was a change of architecture/support but inlineEditField is not allow to be used in Views "Board" as show below.

Image steps: Where inlineEditField stopped working and opens dialog Form. InlineEditingDoesntwork

Sample code:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/board-formatting.schema.json",
  "hideSelection": false,
  "formatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-card-container sp-card-container-noPadding"
    },
    "children": [
      {
        "elmType": "div",
        "attributes": {
          "class": "ms-bgColor-white sp-css-borderColor-neutralLight sp-card-borderHighlight sp-card-subContainer sp-card-subContainer-borderRadius"
        },
        "children": [
          {
            "elmType": "div",
            "children": [
              {
                "elmType": "p",
                "attributes": {
                  "title": "[$Title]",
                  "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent",
                  "role": "heading",
                  "aria-level": "3"
                },
                "inlineEditField": "[$Title]",
                "txtContent": "=if ([$Title] == '', '–', [$Title])"
              }
            ],
            "attributes": {
              "class": "sp-card-displayColumnContainer"
            }
          }
        ]
      }
    ]
  }

Steps to reproduce

  1. Create a Board View with Title field
  2. Add formatted provided by sample
  3. Click on Title to edit content

Expected behavior

Users should be able to edit fields with inlineEditField formatting as documented. https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/formatting-syntax-reference

aaclage avatar Jul 05 '22 09:07 aaclage

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

ghost avatar Jul 05 '22 09:07 ghost

@shagra-ms I would like to address you this issue regarding declarative JSON Microsoft List.

I don't know if was a change of architecture/support on inlineEditField using Board View.

aaclage avatar Jul 05 '22 09:07 aaclage

Thanks for reporting this @aaclage. We have a confirmed repro of this with us. Will update when we have a fix for this rolling out.

shagra-ms avatar Jul 05 '22 12:07 shagra-ms

@shagra-ms Thank you for your support and sorry for finding issues... :P

aaclage avatar Jul 05 '22 12:07 aaclage

@shagra-ms Would like to relate this issue to #7927. Do you will like to have a sample code to reproduce?

aaclage avatar Jul 05 '22 12:07 aaclage

I am experiencing the same issue. Additionally, if I use a setValue action embedded into a customCardProp then the card will no longer refresh in real-time to show the change made by the setValue action. For example, if I put a setValue action in a customCardProp to "Minimize Card" or "Maximize Card" when I push the setValue button, the item updates on the list but the card does not refresh in real time. I can only see the change (e.g. maximized card or minimized card) by refreshing the page, moving the card to a new column, or by right clicking on the card. Additionally, the "fly out menu" created by the customCardProp will no longer be available until the card is refreshed.

jphepp3 avatar Jul 08 '22 20:07 jphepp3