pnp / pnp/sp-dev-fx-controls-react

Live Persona control: exclude links?

Open
#2,065 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
433
Forks
418
Avg merge
5d 6m
Merged PRs (30d)
19

Description

Category

[ ] Enhancement
[ ] Bug
[X] Question

Version

spfx 1.21.1
"@pnp/sp": "4.16.0",
"@pnp/spfx-controls-react": "3.22.0"
"typescript": "~5.3.3"
Node.js 22.17.0

Question

TLDR: Can the LivePersona control be configured to exclude link elements? (<a> / <Link>)

We are currently using a <div> with multiple children as template prop for the LivePersona control. Some of these children are Link from '@fluentui/react' components, with the attribute target="_blank". When clicking them, a new browser tab with the intended target opens, as well as the Live Persona Card on the original tab. Is it possible to prevent the latter? (Other than to exclude the Link from the template.)

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the LivePersona control entry point and trace how its template prop handles child link clicks, including Fluent UI Link elements with target="_blank". Determine whether excluding link elements is an intended configuration, and document or test the resulting behavior for the provided SPFx and package versions.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.