2,201 questions
0
votes
1
answer
158
views
ShadCN Calendar inside Popover not interactive
I am using the Calendar component from ShadCN UI inside a Popover in a React + Vite project. When I click the trigger button, the Popover opens, but the calendar is not interactive - I cannot select ...
1
vote
1
answer
158
views
SwiftUI Custom Popover Background Animation
How to prevent the button background darkening after closing a popover? The attached gif shows the button becoming darker before it resets to glass.
Here is the code for the button and the popover:
...
-1
votes
2
answers
185
views
Why won't a popover menu on a toolbar launch a fullScreenCover on iOS26?
On one of my app screens, when a user taps a Button on a .toolbar, it displays a popover that has a list of file links. When a link is tapped, a fullScreenCover should appear displaying the contents ...
- 14.3k
0
votes
0
answers
134
views
SwiftUI Datepicker inside .popover does not render with correct size
I do not understand why the question has been closed. The problem was definitly not caused by a typo. Simply copy the code I provided into a new Swift project and run the app. You should be able to ...
- 19k
1
vote
1
answer
183
views
iOS 26: Scroll indicator falls outside .popover content
When showing a popover:
struct ValueRowView<Content: View, PopoverContent: View> : View
{
let label: String
let value: Content
@State private var showPopover: Bool = false
let ...
- 23.1k
1
vote
1
answer
123
views
Creating css anchors with dynamic identifiers
For the following HTML code (with AlpineJS syntax), I intent to create dynamic anchors for each entry. This works for the popover, but how can I set it for the button as well?
<!-- looping ...
- 5,110
0
votes
0
answers
25
views
why date wrapper goes top left of screen
The DateWrapper popover is appearing at the top-left side of the button. I've tried fixing it, but it's still not working. how to fix it?
<Box
sx={{
display: "flex",
...
4
votes
1
answer
133
views
How to pass context properly in ngbPopover?
I can't access context in HTML, although the feature is already there in an official document.
HTML
<button
type="button"
class="btn btn-primary"
triggers="manual&...
- 139
0
votes
0
answers
63
views
dialog popover with page scroll bar
I would like to create a modal (similar to Bootstrap's modals) with <dialog popover>. I want the scroll bar to be in the page, not in the modal -<dialog>. Here is the code:
<button ...
0
votes
1
answer
85
views
Flutter: Popover not displaying arrow
In my very simple layout, I would like to display a popover using the minikin/popover package.
The popover does appear. However, the arrow underneath it is not visible (except for a very slight shadow)...
- 330
1
vote
1
answer
120
views
SwiftUI: Show popover at mouse click location
I am working with a SwiftUI List on macOS, and I have a popover view that I need to show from each row. I have an implementation that works but it shows the popover from one fixed point on the row. I ...
- 7,577
0
votes
1
answer
387
views
Implement a React Popover primitive that is not affected by other layers z-index values or position fixed issues inside containers with transforms
I need to implement a Popover primitive that always appear on top of all other elements in the page, I tried to see if some well known solutions have this implemented but it seems in all cases the ...
- 2,536
1
vote
2
answers
341
views
Is there a way to get a list to size to fit in a popover?
In SwiftUI on iOS, I have some data that I want to display in a popover. It has to be in a list because I want it to be able to utilize swipeActions. The problem is that for some reason, lists don't ...
- 14.3k
2
votes
2
answers
70
views
Backdrop alternative letting specific selectors intact
In a pure HTML/CSS website (no JS) with a traditional body structure (header, main and footer), the header contains some buttons for navigation or locale selection using the Popover API. The resulting ...
- 21
1
vote
4
answers
637
views
How to prevent clicking buttons under a css popover's backdrop? [duplicate]
I am implementing simple popover elements across my website.
They take c. 80% of the viewport's width, so I have enabled a blur effect backdrop around the popover.
.mb_popbox::backdrop {
backdrop-...
- 2,729
-1
votes
1
answer
65
views
How to replace FullCalendar "more" link with a modal popover in WordPress?
I am using Widget FullCalendar 3.x in WordPress, and when there are more than 3 events in a day, the calendar displays a "more..." link. By default, clicking this link opens a new tab with a ...
1
vote
1
answer
160
views
Ngx-Bootstrap Popover Problem Doesn't Appear on Top of Other Elements
I am trying to add a popover to a Ngx-bootstrap input form. I want the popover to appear over the top of the input fields below the input field the popover explains. When I click on the input field, ...
- 49
1
vote
1
answer
82
views
Problem with keyboard interactions inside the popover when using popover API and details/summary elements
When I added details elements as direct childs of an element with popover attribute on, I faced a problem with keyboard interactions. I can easily tab through all my focusable content inside the ...
0
votes
1
answer
314
views
Proper way to attach a Gtk.Popover to an arbitrary widget in GTK4
I have some cases where I need to show a popover on certain mouse events on some Label and Image widgets.
MenuButton isn't exactly appropriate, because it isn't exactly a button, and in some cases I ...
- 7,079
0
votes
0
answers
69
views
In my react app, I have a Notification button from mui on hover, it opens popover, but does not close the popover when hover away
In my react app, I have the Notification icon from mui, on hover of Notification icon , I want the popover to open and when I hover away from it, it should close the popover. However, it is not ...
0
votes
2
answers
93
views
Modifying content in a popover results in strange reload and scrolling animation instead of a smooth one
I am trying to make a popover whose content dynamically expands based on choices above. I would settle for no animation or ideally the popover gradually expanding for its new content but instead it ...
- 737
0
votes
0
answers
36
views
Open Popover upon focusing on and div with contentEditable true and close upon blur of editable box
I have written a React component using MUI Modal, Popover, and Box inside my modal there is a <Box /> which contentEditable true what I am trying to do upon focusing on box open popover which ...
- 1
2
votes
0
answers
131
views
CSS anchor-API a [popover] element with dynamic height
I have an anchored popover I want to have dynamic height:
button {
anchor-name: --test-anc;
}
[popover] {
position-anchor: --test-anc;
position-area: bottom span-right;
position-...
- 157k
1
vote
1
answer
189
views
HTML Popover Attribute Accessibility Issues for Date Input (Wonky Tabbing)
I'm busy taking a look at the HTML popover Attribute as a way to implement popovers without Javascript but it seems to have Accessibility Issues when the popovertarget contains a date input.
When ...
- 4,192
0
votes
2
answers
65
views
How to call a function on popover close?
I am using ng-bootstrap popover like below:
<ng-template #namePopContent>
<input type="text" id="name" [(ngModel)]="name"/>
<i class="bi bi-...
- 621
-1
votes
1
answer
82
views
Ionic 5 Popover popover arrow
I am using Ionic5, I want to create a popover, popover which ios have i want similar in android, Issue is when popup appear the tooltip is not clearly visible as it goes behind the ion-overlay ( I ...
0
votes
0
answers
637
views
Headless UI Popover - Disable body scrolling when opening menu
my goal is, when the navigation menu is opened and the popover gets displayed, to disable scrolling on the page. And then, on close, restore scrolling.
I write in typescript using nextJs, tailwind css,...
- 1
4
votes
3
answers
599
views
How to stop mouse events through CSS ::backdrop
I'm exploring replacing some JavaScript modals with native HTML and CSS only modals using the new Popover API and I've noticed that pointer-events like hover and click are propagating through to the ...
- 5,746
0
votes
1
answer
197
views
iPad Crash :Expected a popover view, found (null)
I got a crash with the following stack trace:
*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason:Expected a popover view, found (null)
Last Exception Backtrace:
0 ...
1
vote
1
answer
52
views
Popover on Table Cell Depending on the Value
I am currently developing a website (with Flask) that features a data table containing abbreviated codes for some values. My goal is to have a popover on these cells to have the full meaning in the ...
- 93
0
votes
1
answer
194
views
Bootstrap 5 popover html content
I am using Bootstrap 5 popover and it could not show the HTML content that I need.
I followed this link as a solution:
How to add html tag attribute in bootstrap 5 popover setAttribute()?
It was ...
- 23
0
votes
1
answer
184
views
antd preview closes popover
I use antd image inside antd popover and I open the preview of the image, then If I click on the preview or close the preview, this results in closing the popover as well, how can I prevent this?
I ...
2
votes
1
answer
412
views
Show ColorPicker in popover on macOS
We can present the color picker in swiftUI easily.
ColorPicker("", selection: $selectedColor)
However, in my macOS app it looks ridiculous as it opens as a standalone view and is ...
- 8,167
-1
votes
1
answer
38
views
My navbar isnt visible when the element with popover is open
i was creating nav with with menu using popover but when popover is open the navbar is hidden i setted the z-index already too many soo it should be highest i thought
navbar links popover code
/// <...
5
votes
2
answers
951
views
Popover not showing, no matter what
I have this code:
import SwiftUI
struct ContentView: View {
@State var show = false
var tools = [Tool("document.on.document"), Tool("document.on.clipboard")]
var body: ...
- 36.2k
1
vote
2
answers
179
views
same html popover on different elements positioned in different places
I have a dropdown that I wish to show/hide using html popover API under many different elements. The problem is that popover uses id to detect the target, obviously I can't use one id on multiple ...
- 23
0
votes
1
answer
282
views
Properly reload and reformat a Bootstrap Popover after Loading Data with ajax
Let me state first of all that there are a lot of articles out there asking about simply loading an Ajax call's data into a Bootstrap 4.0 popover; this question regards a slightly different topic.
The ...
- 192
1
vote
0
answers
57
views
Button with popover wrapped in control not working inside menu
I've created control which wraps button and popover. Here is the code:
struct PopoverButton<DestinationView: View>: View {
let label: LocalizedStringKey
let image: String
let ...
1
vote
0
answers
215
views
how to solve Warning: React does not recognize the popoverTarget prop
i was creating an language dropdown and i used new feature popover and thats the problem doesnt recognize it. please help guys
code languageDropdaownItem
interface IProps {
handleClick: () => ...
2
votes
0
answers
87
views
Popover does not appear when a button is tapped inside a List section [duplicate]
Popover functionality breaks when enabled for multiple section buttons, but works as intended when limited to one.
struct ContentView: View {
var items = ["Note 1", "Note 2", &...
0
votes
1
answer
193
views
Why is the bslib popover not working in R Shiny?
On clicking the "Click Me!" button, I should see a popover with the selectInput widget. But it is not working. Could anyone let me know as why this is not working?
ui <- basicPage(
...
0
votes
1
answer
122
views
Bootstrap popover doesn't pop up
I do the simple render users from jsonplaceholder with XMLHttpRequest. And I wanna do the popover for every user. This popover will show the username, email, phone, website.
I don't know if this can ...
1
vote
0
answers
323
views
What is the solution to this SwiftUI .popover glitch?
Open 'One', then quickly click 'Two' then 'Three'.
You will see 2 & 3 both attempt to open a popover at the same time, resulting in no popup appearing. If you unselect one of them then the other ...
- 12k
2
votes
0
answers
383
views
Close popover with HTML & popover api only?
I'm working with the new HTML Popover API and I was wondering if there was an HTML solution to closing the popover when clicking on one of the anchor elements inside the popover?
<button ...
- 33
0
votes
1
answer
67
views
Sencha Extjs 7.7.0: pop-over is not displayed in grid component that contains combo box editor (cell editor)
In extjs version 7.7 pop-over is not displayed in grid component that contains combo box editor (cell editor)
While this problem does not exist in the previous version 7.6 .
Extjs Version 7.7 - With ...
- 411
0
votes
1
answer
163
views
Why does data not populate list inside popover in SwiftUI?
What I'm Looking For
I'm hoping someone can help me understand what's going on and why SwiftUI is behaving the way it is in this scenario.
What I was trying to do
I was originally trying to create a ...
- 18
4
votes
4
answers
8k
views
How to position a popover in css
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
#products-list:popover-open {
width: 200px;
height: 100px;
position: absolute;
inset: unset;
margin: 0;
}
...
- 1,801
0
votes
1
answer
244
views
Uncontrolled Popover reactstrap updating state
here i am using uncontrolled popover of reactstarp and i have list of categories and i have one edit button option so when i click on edit button icon uncontrolled popover appears that true but now ...
- 61
2
votes
0
answers
2k
views
How to make HeadlessUI Popover behave correctly within a React portal?
Description
I have a component which will be used a filter selection menu. The layout is as shown below:
Due to the black dotted containing div drawn above, I have to use a portal to raise the panels ...
- 318
0
votes
1
answer
525
views
Popover API: Event bubbling not working on beforetoggle event?
Background
Referencing the MDN documentation on Popover API: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API (not to be confused with Bootstrap's popover).
I have multiple popovers, ...
- 353