primefaces / primefaces/primereact

TabView: Does not show which Tab is selected when using TabPanel with template

Open
#4,738 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Component: Theme Resolution: Workaround
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

TabView does not show which Tab is selected when using TabPanel with template and PrimeReact is set with Arya Orange theme.

It does work with Lara Indigo theme.

Reproducer

https://codesandbox.io/s/primereact-demo-forked-7whkn5

PrimeReact version

9.6.0

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

Just click the TabPanel with template "Amy Elsner" or the one with the split button.

TabView does not show those Tabs selected.

Expected behavior

TabPanels must be displayed selected even if they use templates and the theme is Arya Orange

Contributor guide

Open the contributing guide

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

Use the linked CodeSandbox to reproduce the issue with TabView and TabPanel templates, comparing the Arya Orange and Lara Indigo themes. Start from the TabView/TabPanel template behavior and the theme styling; done means templated panels, including the split-button example, visibly show their selected state under Arya Orange.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, react
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.