Questions tagged [popover]

A popover is a GUI element visually similar to a popup, except a popover is part of the page from which it is drawn, even though it might obscure part of it.

Filter by
Sorted by
Tagged with
0 votes
0 answers
29 views

Trigger Wistia popover when clicking on an Elementor button

On an Elementor website https://beyond-short.com/ we have the following Wistia video popover code in an HTML widget: <script src="https://fast.wistia.com/embed/medias/cnox3htqqb.jsonp" ...
Turboyac's user avatar
0 votes
1 answer
28 views

Dismissable popover in SwiftUI

I'm trying to make a list where each row can be clicked to show a popover, and from the popover, there is another button to open whatever url in default web browser. Everything seems to work as is, ...
Jason Bhan's user avatar
0 votes
0 answers
25 views

Issue with FullCalendar 6 eventClick popover positioning

I'm currently working on implementing a FullCalendar 6 with eventClick functionality that opens a popover with additional details about the clicked event. However, I'm facing an issue with the popover ...
Bineesh Varghese's user avatar
0 votes
0 answers
35 views

I want to change popover content after a click to show cart items. Debug the code

I want to change popover content after a click to show cart items. Debug the code. The popover is still saying title: "Your Cart" and content: "Hello". I don't know how to fix it. ...
Prateek Kumar's user avatar
0 votes
1 answer
35 views

How to change a position of the Popover component as part of the Select component in MUI 5?

I use a Select component (assumethis one). By default, a Popover component appears just under the select field, but I want to place it on the right side. I'll describe below the ways I tried to ...
KostyanWest's user avatar
0 votes
0 answers
37 views

Two popovers displaying for single target

I have a rails app using jquery and bootstrap for a table. The table header has 'visits' that should display popover with form to edit when clicked. This is working on initial page load, but after ...
6reg's user avatar
  • 1
1 vote
1 answer
96 views

Popover from NativeBase not showing on press

I'm working on a React Native app using NativeBase for UI components. I've encountered an issue where the Popover component does not show up when pressing on a post. Here's a snippet of the code that'...
muhammad muzaib's user avatar
0 votes
1 answer
37 views

Add hover effect on button for popover only once it has been manually closed

I am using ngb popovers (https://ng-bootstrap.github.io/#/components/popover/api) that will display a popover over a button dynamically based on some condition. Now once that popover is shown (for the ...
user7078082's user avatar
-2 votes
1 answer
73 views

How to search in an array for the users input and print a certain text

I trie to programm a website where the user has to to input a word from an array to get some output.The output is supposed to be a popup. I trie to combine a function that compares the input to the ...
user40089's user avatar
0 votes
1 answer
41 views

How can I check if a html popover is open?

With the new popover API, is there a way to check with JavaScript if the popover is currently open? <button popovertarget="pop">Trigger the popover</button> <div popover id="pop">...
Philipp Gfeller's user avatar
0 votes
1 answer
61 views

How to manually hide a popover with Bootstap 5?

I am trying to create multiple Bootstrap popover instances with the ability to close all when on click. Here is what I did document.addEventListener('DOMContentLoaded', function () { var items = [...
Jay's user avatar
  • 1,330
1 vote
1 answer
36 views

popoverTargetElement does not cross shadow boundaries

The new Popover API, when used declaratively, does not work across shadow boundaries. This is a limitation when creating reusable web components that encapsulate some logic and also use a popover ...
Philipp Gfeller's user avatar
0 votes
1 answer
33 views

Ng-zorro popover closes when it's showed on hover and then hover the dropdown menu of a select component

Reproduction link https://stackblitz.com/edit/angular-tru7hd-xqtrkw?file=src%2Fapp%2Fapp.component.ts,src%2Findex.html Steps to reproduce Hover the button Click on the select List item List item ...
The Coyoyote's user avatar
1 vote
0 answers
35 views

How to use popover with React.js [duplicate]

I am Trying to use HTML popover with React & typescript https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover function AlertWindow() { return ( <> <...
Abinash Karmakar's user avatar
0 votes
0 answers
30 views

Bootstrap 5 pop over content is not displaying

I am using bootstrap 5 popover in laravel 8 , as per the bootstrap 5 syntax i have use data-bs-toggle="popover" , and have added the title in same but my content is in application.js file ,...
vaishnavi's user avatar
0 votes
1 answer
46 views

Is there an issue with my usage of the method hidePopover?

Rapid background According to MDN, popover is an attribute to display a popup in the screen: The popover global attribute is used to designate an element as a popover element. Popover elements are ...
Pierre Viprey's user avatar
0 votes
0 answers
73 views

Popover is not closing when clicking outside in fluent ui

I am using fluent ui popover component in my react app. When I am clicking outside the popover component it is not closing. Although in the documentation, the same code is working as expected. Here is ...
Saurav Likhar's user avatar
0 votes
1 answer
35 views

JS Popover API: prevent event propagation on backdrop interaction

In this example from MDN: https://mdn.github.io/dom-examples/popover-api/blur-background/ If I open the popover, and click again on the button in the background, the popover stays because the ...
yhu420's user avatar
  • 456
0 votes
0 answers
61 views

Swiftui pass data from list item to popover

I'm new to SwiftUI. I am trying to pass data from a list (foreach) to a popover. I can pass data from list item to detail view. I can pass data from to a popover. Because the popover is outside of ...
Stingalingaling's user avatar
1 vote
1 answer
62 views

Popover API: How to stop the popover from closing

When using the popover API, I would like to, when light dismiss occurs, stop the popover from closing, and run custom js to remove the popover from the screen. Is there a way to do this? I tried to do ...
Rogier de Ruijter's user avatar
0 votes
1 answer
184 views

CSS transition animation not working for popover attribute

While testing the new popover attribute, I tried to apply a transition for toggling it. This does not seem to work. Is this by design or is it a bug? The opacity is applied, but the transition is not ...
Philipp Gfeller's user avatar
0 votes
0 answers
7 views

Bootstrap Popover reconnect to new caller

I am creating Bootstrap Popovers for my bootstrap-table to provide the table with filtering functionality. My intention is to enable column-wise filtering and sorting for the table, mimicking the look ...
yploit's user avatar
  • 1
0 votes
0 answers
28 views

Create bunch popover bootstrap 5 with different content that contain on external file

how to load popover content from external file? I have the index like this: index.html <a tabindex="0" class="btn-primary" data-bs-toggle="popover" data-content-id=&...
Newbie Web builder's user avatar
1 vote
1 answer
37 views

rsuite Popover component accessible via keyboard's tab key

I used rsuite Popover to create popover with two buttons. When I get focus to the popover button using keyboard tab and clicked enter button, Popover dialog box successfully opened with two buttons. ...
Nirodha Wickramarathna's user avatar
0 votes
1 answer
161 views

FullCalendar popover other events conflict

I am running FullCalendar v6 using resourceTimeGridDay. Using the 'eventDidMount' event render hook I am calling a JS function for popovers on each event to show details of the event. The popover is ...
CodingInTheHeat's user avatar
0 votes
2 answers
45 views

Uikit: blur and dim behind a UIViewController (like a popover)

I am showing a complicated controller AskController (descended from UIViewController, UIPopoverPresentationControllerDelegate and UIPopoverControllerDelegate) over some different controllers, popover ...
Afinainflowers's user avatar
0 votes
0 answers
62 views

how to make ion-popover's event element, above it's ion-backdrop for coach guide?

I'm trying to make a coach guide in my ionic app, using ion-popover. I don't want the event element (the element that is being explained by the coach text) to be in the dark area (the backdrop), but I ...
AmirAli Saghaei's user avatar
0 votes
0 answers
25 views

Adding a Popover Follow Cursor to a React Pie Chart

I am writing a react program to generate a dynamic pie chart based off of the answers to given questions. The base of the code was largely borrowed from this project: I modified it to include 28 ...
TractorSupply's user avatar
0 votes
1 answer
134 views

SwiftUI popover example does not look like the picture shown in documentation

This page of the SwiftUI documentation presents the following example with an accompanying image showing the expected result: struct PopoverExample: View { @State private var isShowingPopover = ...
dilaradeneri's user avatar
0 votes
1 answer
22 views

Datatables export button includes <span title>

Good day. I have a datatables wherein I have put a popover via span. When value is click, it should show a popover value coming from another page depending on the column id. The code works well but ...
typicalguy's user avatar
0 votes
1 answer
29 views

AngularJS: Where to Invoke Bootstrap 5 Tooltip and Popover methods via jQuery in an AngularJS App?

We have an AngularJS 1.8.2 application that needs to be upgraded to Bootstrap 5 to support Tooltips, Popovers and Modals. We had been using ui-bootstrap to support such popups. But, it is way more ...
CAK2's user avatar
  • 1,910
2 votes
2 answers
385 views

SwiftUI .popover frame size incorrect

In iOS 16.4 we can now use .presentationCompactAdaptation(.none) in our .popover to achieve a true popover on iOS (compact screen sizes). SomeView() .popover(isPresented: $isPopoverOpen) { ...
eric's user avatar
  • 75
0 votes
1 answer
36 views

How to make clickable popover disappear if I clicked outside of it

I have this popover contain some info and URL to another page so when I clicked on it it's open, but when I click outside of it it won't disappear, `<i class="bi bi-question-circle text-...
kinan's user avatar
  • 40
2 votes
1 answer
87 views

Use popover api with `<div role="button">` as invoking element

When using the popover api I would like to open a popover with <div role="button"> but this doesn't seem to work. Here is a snippet that attempts this. <div role="button" ...
Rogier de Ruijter's user avatar
1 vote
0 answers
85 views

SwiftUI: Popover dismiss itself when the keyboard cover the anchor after a first value edition

I'm facing a strange problem with popover on SwiftUI that I don't understand: I have a list of entries where I want to edit list items thanks to popover (the compact version, that was already existing ...
Guillaume PELOUAS's user avatar
0 votes
1 answer
333 views

Ion-select with interface 'popover' doesn't open or populate any values

I am trying to use ion-select in my ionic application, and user iterface='popover' This is my ionic version -5.4.16 Ionic: Ionic CLI : 5.4.16 Ionic Framework : @ionic/...
Gopika Singh's user avatar
0 votes
0 answers
22 views

Can I configure a maximum number of open popovers with React antd?

I'd like to use a React component to specify a maximum number of popovers open simultaneously on my pages. The aim is, for example, to be able to say that I want 2 popovers open simultaneously. When ...
Lansana Diomande's user avatar
0 votes
0 answers
60 views

How to use two Date picker popoer in same view for two button actions in SwiftUI

In my application, I need to show two date pickers as two different button actions To choose delivery date: When clicking a button, I need to to show date picker to choose delivery time, When ...
RP89's user avatar
  • 111
0 votes
0 answers
43 views

jQuery.Gantt - how to show popover bubbles above items

I would like to know how to show popover bubbles above items (when making a hover) in a jQuery.Gantt chart. Popover bubbles are usually shown on the right of items (as it is shown in the screenshot ...
Nadim's user avatar
  • 394
0 votes
1 answer
63 views

React Popover Not working - Cannot read properties of undefined (reading 'className')

Trying to implement popover from example. but not getting where it went wrong. Method implemented. Overlay = () => { const popover = () => ( <Popover id="popover-basic"&...
Divyaprakash Verma's user avatar
0 votes
1 answer
177 views

Use a popover in a ForEach loop (Swift/SwiftUI)?

I'm working on an app in which there are several buttons in a VStack, and each of them should have their own popover when clicked on. However, when I click on each button, the popover does not appear. ...
Tanner George's user avatar
-1 votes
1 answer
75 views

Display random number on Bootstrap popover

I have a bootstrap popover on a button that I would like to display a random number every time its clicked. However my current implementation only displays the first number generated and is not ...
johnymm's user avatar
  • 131
1 vote
0 answers
23 views

Bootstrap 4 popover fetching data correctly but not when page is part of PHP include

I have a PHP page that calls a second page using PHP include. The second page has a Bootstrap 4 popover that populates data from an ajax call in a bootstrap 4 popover to a third page (...
user3258571's user avatar
0 votes
0 answers
34 views

Embedding Bootstrap popover in ng-template Agular 10

I had come across very strange scenario. There is a dynamic table in our application comprised of ng-template. In of the column I was trying to implement Bootstrap 5 Popover. I tried different ...
Naeem A.'s user avatar
1 vote
0 answers
15 views

Angular Popover error: this.listenMouseFunc is not a function at push.../node_modules/ng2-popover/PopoverContent.js.PopoverContent.ngOnDestroy

I have implemented popover to display a comment on hover over an icon and to have a scrollbar. But when I navigate from one page to another (router link), I have the following error: enter image ...
nicooletahehe's user avatar
0 votes
1 answer
196 views

Rails 7: Popover does not work when clicking submit button

I'm working in an rails 7 application where a bootstrap popover should raise when an element is clicked. It was working until I added a form with a submit button. After that, the element does not &...
user1644367's user avatar
0 votes
0 answers
30 views

Overflow on <div> won't work inside a bootstrap popover

I have tried fixing this for about an hour to no avail. I have a element inside a bootstrap popover that I want to be 300px in height. This div element will display a paragraph and scroll if the ...
DaveK's user avatar
  • 554
0 votes
0 answers
25 views

How to open a new view from the collection, on button click

I have a cell in the collection, this code is written in it marked in orange This cell is in the "NavigationController" - it's just that I gave such a name When I click on the button in the ...
Vassiliy's user avatar
-1 votes
1 answer
329 views

Create a popover to save selected text in chrome extension

I am creating a Chrome extension and want to create a popover (see the image) for when some text is selected and save that text in the extension. I want a popover like this So far I have created the ...
dmk's user avatar
  • 11
0 votes
0 answers
40 views

Popover from another html file with css

I'm currently struggling with an issue regarding my login system. I got 2 files - index.php and login.php. I got a link named "Login" on my index page and a login form on my login page. I ...
Sisa's user avatar
  • 43

1
2 3 4 5
44