Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Datagrid <td> cell component does not set the title prop consistently. #4530

Open
1 of 3 tasks
xmannyxfreshx1 opened this issue Mar 11, 2024 · 0 comments
Open
1 of 3 tasks
Assignees
Labels
component: Datagrid Sev 2 Aspects of design is broken and impedes users in a significant way, but has workaround. type: bug 🐛 Something isn't working version: 2 Carbon 11 / v2

Comments

@xmannyxfreshx1
Copy link
Contributor

xmannyxfreshx1 commented Mar 11, 2024

What package(s) are you using?

  • Carbon for IBM Products (or Carbon for IBM Cloud & Cognitive)
  • Legacy/CDAI
  • Legacy/Security

Detailed description

Describe in detail the issue you're having.

Cell component either does not set the title prop or sets it to title={[object Object]} when using function in accessor column definition. accessor: row => row, and returning jsx in the Cell definition.

Is this issue related to a specific component?

  • Datagrid

What did you expect to happen? What happened instead? What would you like to
see changed?

  • Perhaps an option to set the cell title with a user provided value or a path to a string from the cell data

What browser are you working in?

-Chrome

What version of the @carbon/ibm-products (or @carbon/ibm-cloud-cognitive)
package are you using?

  • "@carbon/ibm-products": "2.30.0",

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

  • CP4AIOps

Please create a reduced test case in CodeSandbox

https://codesandbox.io/p/devbox/datagrid-filter-panel-with-mocked-refresh-7gjpqr?file=%2Fsrc%2FExample%2FExample.jsx%3A26%2C36-26%2C37&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cloirplil00093b89vlp3zlak%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cloirplil00033b89roat52ry%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cloirplil00063b89o50qnd7c%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cloirplil00083b89er38l52q%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B40%252C60%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cloirplil00033b89roat52ry%2522%253A%257B%2522id%2522%253A%2522cloirplil00033b89roat52ry%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252FExample%252FExample.jsx%2522%252C%2522id%2522%253A%2522cloiru8id00jr3b89fa8tdo68%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522state%2522%253A%2522IDLE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A26%252C%2522startColumn%2522%253A36%252C%2522endLineNumber%2522%253A26%252C%2522endColumn%2522%253A37%257D%255D%257D%252C%257B%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Fconfig.js%2522%252C%2522id%2522%253A%2522cloirxcef019j3b896uloj1ko%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522activeTabId%2522%253A%2522cloiru8id00jr3b89fa8tdo68%2522%257D%252C%2522cloirplil00083b89er38l52q%2522%253A%257B%2522id%2522%253A%2522cloirplil00083b89er38l52q%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cloirplil00073b89k93v31kz%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522activeTabId%2522%253A%2522cloirplil00073b89k93v31kz%2522%257D%252C%2522cloirplil00063b89o50qnd7c%2522%253A%257B%2522id%2522%253A%2522cloirplil00063b89o50qnd7c%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cloirplil00043b89ff28dk0k%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%257D%255D%252C%2522activeTabId%2522%253A%2522cloirplil00043b89ff28dk0k%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

Additional information

  • Screenshots or code
    Instance where an object is set as the title
    Screenshot 2024-03-11 at 10 45 33 AM

  • Notes

@github-project-automation github-project-automation bot moved this to Needs triage 🧐 in Carbon for IBM Products Mar 11, 2024
@elycheea elycheea moved this from Needs triage 🧐 to Needs refinement 🤓 in Carbon for IBM Products Mar 15, 2024
@sstrubberg sstrubberg moved this from Needs refinement 🤓 to Backlog 🌋 in Carbon for IBM Products Mar 26, 2024
@emyarod emyarod self-assigned this Mar 28, 2024
@sstrubberg sstrubberg added Sev 2 Aspects of design is broken and impedes users in a significant way, but has workaround. type: bug 🐛 Something isn't working labels May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Datagrid Sev 2 Aspects of design is broken and impedes users in a significant way, but has workaround. type: bug 🐛 Something isn't working version: 2 Carbon 11 / v2
Projects
Status: Backlog 🌋
Development

No branches or pull requests

4 participants