search

SharePoint / sp-dev-docs

SharePoint & Viva Connections Developer Documentation
https://docs.microsoft.com/en-us/sharepoint/dev/
Creative Commons Attribution 4.0 International
1.23k stars 992 forks source link

SPFx : ACE : UI Issues in mobile app #7770

Closed anoopt closed 1 year ago

anoopt commented 2 years ago

Target SharePoint environment

SharePoint Online

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

💥 SharePoint Framework

Developer environment

No response

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

Additional environment details

SPFx version - 1.14

Describe the bug / error

As per the image below we are seeing the following issues in ACEs (quick view) when opened in the Teams mobile app (right side) compared to the way it appears in web / desktop (left side)

mobile_issues

  1. iconURL property of an action not rendering the icon / image (line to refer in sample code)
  2. verticalContentAlignment property of a column not being applied (line to refer in sample code)
  3. Columns not stretching automatically when other columns in a column set are hidden (line to refer in sample code)

Steps to reproduce

  1. Clone this repo
  2. Setup as per the instructions here
  3. Open the ACE in viva connections mobile app

OR

  1. Create an ACE
  2. Add a quick view containing
    • an action with iconUrl,
    • add a column set, some columns and set verticalContentAlignment to Center
    • add a column set, 2 columns with actions in each, set isVisible of first column to false
  3. Open the ACE in viva connections mobile app

Expected behavior

As per the screenshot, the appearance of the ACEs in mobile app should be same in web / desktop view.

ghost commented 2 years ago

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

frags51 commented 1 year ago

@anoopt - This should have been fixed now. Please check if you are still able to reproduce this.

ghost commented 1 year ago

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 7 days. It will be closed if no further activity occurs within the next 7 days of this comment. Please see our wiki for more information: Issue List Labels: Needs Author Feedback & Issue List: No response from the original issue author

ghost commented 1 year ago

Closing issue due to no response from the original author. Please refer to our wiki for more details, including how to remediate this action if you feel this was done prematurely or in error: No response from the original issue author