Pie-Chart tooltips not appearing when using Calcite Maps example

Question

I am building an app based off of the Calcite maps example and have run into an issue.  When displaying a pie-chart in a popup it wont display the tooltip when hovering over the chart.  At first I thought that it was something that I had tweaked in my app that was causing it not to appear. However, I can replicate the same issue when I take the feature layer with popup from the multiple popup elements example found here: https://developers.arcgis.com/javascript/latest/sample-code/popup-multipleelements/index.html and put it in the Calcite maps example found here: https://developers.arcgis.com/javascript/latest/sample-code/frameworks-bootstrap/index.html.  The popup displays the requested data and chart, but when you hover over a wedge in the chart it doesn't show the category and amount in a tooltip as it should.  There is something in the Calcite maps template that is prohibiting it from displaying, possibly a CSS issue?

rscheitlin · Accepted Answer

Bob, It is a calcite css issue with tooltips (it is an issue in 3.x as well). You need to add this css rule (adjust colors as desired): .dijitTooltip { position: absolute; z-index: 2000; display: block; left: 0; top: -10000px; overflow: visible; background-color: white; border-color: black; border-style: solid; border-width: thin; padding: 2px; font-size: 8pt; color: black; }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍