GitHub user dosubot[bot] added a comment to the discussion: I use JavaScript 
onClick href on chart deck.gl Scatterplot can I make popup in superset

<!-- Answer -->
You can't create a custom popup (like alert or modal) using JavaScript onClick 
or href in Superset's deck.gl Scatterplot charts. The js_onclick_href control 
only lets you define a JavaScript function that returns a URL, which Superset 
then opens in a new window when a point is clicked. This code runs in a 
sandboxed environment with no access to the DOM, so it can't trigger popups or 
custom modals—only navigation is supported. For hover interactivity, you can 
use js_tooltip to customize tooltips, but not for click-based popups. More 
details are in the code and discussions: 
[example](https://github.com/apache/superset/blob/master/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/common.tsx),
 [discussion](https://github.com/apache/superset/discussions/35059). 

If you need true popup/modal functionality, it would require modifying the 
Superset visualization code.


<!-- Dosu Comment Footer -->
*To reply, just mention [@dosu](https://go.dosu.dev/dosubot).*

---
<sup>How did I do? 
[Good](https://app.dosu.dev/response-feedback/1fd02c87-04a0-4cf0-9c70-2c4062d5ae9a?feedback_type=great_response)
 | 
[Irrelevant](https://app.dosu.dev/response-feedback/1fd02c87-04a0-4cf0-9c70-2c4062d5ae9a?feedback_type=irrelevant_answer)
 | 
[Incorrect](https://app.dosu.dev/response-feedback/1fd02c87-04a0-4cf0-9c70-2c4062d5ae9a?feedback_type=incorrect_sources)
 | 
[Verbose](https://app.dosu.dev/response-feedback/1fd02c87-04a0-4cf0-9c70-2c4062d5ae9a?feedback_type=too_verbose)
 | 
[Hallucination](https://app.dosu.dev/response-feedback/1fd02c87-04a0-4cf0-9c70-2c4062d5ae9a?feedback_type=hallucination)
 | [Report 
🐛](https://app.dosu.dev/response-feedback/1fd02c87-04a0-4cf0-9c70-2c4062d5ae9a?feedback_type=bug_report)
 | 
[Other](https://app.dosu.dev/response-feedback/1fd02c87-04a0-4cf0-9c70-2c4062d5ae9a?feedback_type=other)</sup>

[![Chat with 
Dosu](https://dosu.dev/dosu-chat-badge.svg)](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github)&nbsp;[![Open
 in 
Cursor](https://dosu.dev/dosu-in-cursor.svg)](https://cursor.com/link/prompt?text=You%20can%27t%20create%20a%20custom%20popup%20%28like%20alert%20or%20modal%29%20using%20JavaScript%20onClick%20or%20href%20in%20Superset%27s%20deck.gl%20Scatterplot%20charts.%20The%20js_onclick_href%20control%20only%20lets%20you%20define%20a%20JavaScript%20function%20that%20returns%20a%20URL%2C%20which%20Superset%20then%20opens%20in%20a%20new%20window%20when%20a%20point%20is%20clicked.%20This%20code%20runs%20in%20a%20sandboxed%20environment%20with%20no%20access%20to%20the%20DOM%2C%20so%20it%20can%27t%20trigger%20popups%20or%20custom%20modals%E2%80%94only%20navigation%20is%20supported.%20For%20hover%20interactivity%2C%20you%20can%20use%20js_tooltip%20to%20customize%20tooltips%2C%20but%20not%20for%20click-based%20popups.%20More%20details%20are%20in%20th
 
e%20code%20and%20discussions%3A%20%5Bexample%5D%28https%3A//github.com/apache/superset/blob/master/superset-frontend/plugins/legacy-preset-chart-deckgl/src/layers/common.tsx%29%2C%20%5Bdiscussion%5D%28https%3A//github.com/apache/superset/discussions/35059%29.%20%0A%0AIf%20you%20need%20true%20popup/modal%20functionality%2C%20it%20would%20require%20modifying%20the%20Superset%20visualization%20code.)&nbsp;[![Join
 
Discord](https://img.shields.io/badge/join-5865F2?logo=discord&logoColor=white&label=)](https://go.dosu.dev/discord-bot)&nbsp;[![Share
 on 
X](https://img.shields.io/badge/X-share-black)](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/discussions/36404)

GitHub link: 
https://github.com/apache/superset/discussions/36404#discussioncomment-15145802

----
This is an automatically sent email for [email protected].
To unsubscribe, please send an email to: 
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to