ibm-tooltip-icon component hidden by select component
See original GitHub issueDetailed description
Describe in detail the issue you’re having.
When I try to use ibm-tooltip-icon component as tooltip, I expect to see it under all other elements. But at this moment it has less priority than ibm-select component.
Is this a feature request (new component, new icon), a bug, or a general issue?
Bug
Is this issue related to a specific component?
ibm-tooltip-icon
What did you expect to happen? What happened instead? What would you like to see changed?
Change z-index
What browser are you working in?
Google Chrome Version 76.0.3809.100 (Official Build) (64-bit)
What version of the Carbon Design System are you using?
"carbon-components": "^10.5.1",
"carbon-components-angular": "^3.15.3",
What offering/product do you work on? Any pressing ship or release dates we should be aware of? no
Steps to reproduce the issue
- Create simple table with 2 or more rows.
- Add some ibm-select components for all rows and columns.
- For one or more ibm-select add tooltip bigger than select element.
<ibm-tooltip-icon [content]="specificationRow.lessGreater" class="dropdown__middle">
<div class="dropdown__middle">
<ibm-select placeholder="Select" (selected)="tableChanged()" [id]="'lessGreater'+i" [(ngModel)]="specificationRow.lessGreater">
<option *ngFor="let factorValue of factorValues; index as factorValueIndex" [value]="factorValue">
{{factorValue}}
</option>
</ibm-select>
</div>
</ibm-tooltip-icon>
- Try to see tooltip text in first row (not last).
Additional information
Was redirected to you from angular-components team: https://github.com/IBM/carbon-components-angular/issues/743
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (5 by maintainers)
Top GitHub Comments
Quickly tried putting the markup of Carbon select component next to the markup of Carbon tooltip in vanilla dev env and didn’t reproduce the problem. @cal-smith Do you have a template to create a reduced case of Carbon Angular library…? Please let me know if you can reproduce the problem. Thanks!
Hi there! 👋 Going to close this out due to inactivity. If you could provide steps to reproduce with a codesandbox then we can re-open this and help out!