gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-06 07:24:25 +01:00
Code Issues Actions 30 Packages Projects Releases Wiki Activity

fix(launch_bar): tooltip error for dropdowns

Browse Source
This commit is contained in:
Elian Doran 2025-12-05 15:02:13 +02:00
parent 3c919d9a8a
commit 9149fb7a85
No known key found for this signature in database
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/client/src/widgets/react/Dropdown.tsx
View File

@ -35,7 +35,7 @@ export interface DropdownProps extends Pick<HTMLProps<HTMLDivElement>, "id" | "c
export default function Dropdown({ id, className, buttonClassName, isStatic, children, title, text, dropdownContainerStyle, dropdownContainerClassName, hideToggleArrow, iconAction, disabled, noSelectButtonStyle, noDropdownListStyle, forceShown, onShown: externalOnShown, onHidden: externalOnHidden, dropdownOptions, buttonProps, dropdownRef, titlePosition, titleOptions }: DropdownProps) { export default function Dropdown({ id, className, buttonClassName, isStatic, children, title, text, dropdownContainerStyle, dropdownContainerClassName, hideToggleArrow, iconAction, disabled, noSelectButtonStyle, noDropdownListStyle, forceShown, onShown: externalOnShown, onHidden: externalOnHidden, dropdownOptions, buttonProps, dropdownRef, titlePosition, titleOptions }: DropdownProps) {
const containerRef = useRef<HTMLDivElement | null>(null); const containerRef = useRef<HTMLDivElement | null>(null);
const triggerRef = useRef<HTMLButtonElement | null>(null); const triggerRef = useRef<HTMLButtonElement | null>(null);
useStaticTooltip(triggerRef, { useStaticTooltip(containerRef, {
...titleOptions, ...titleOptions,
placement: titlePosition ?? "bottom", placement: titlePosition ?? "bottom",
fallbackPlacements: [ titlePosition ?? "bottom" ], fallbackPlacements: [ titlePosition ?? "bottom" ],
@ -84,7 +84,7 @@ export default function Dropdown({ id, className, buttonClassName, isStatic, chi
const ariaId = useUniqueName("button"); const ariaId = useUniqueName("button");
return ( return (
<div ref={containerRef} class={`dropdown ${className ?? ""}`} style={{ display: "flex" }}> <div ref={containerRef} class={`dropdown ${className ?? ""}`} style={{ display: "flex" }} title={title}>
<button <button
className={`${iconAction ? "icon-action" : "btn"} ${!noSelectButtonStyle ? "select-button" : ""} ${buttonClassName ?? ""} ${!hideToggleArrow ? "dropdown-toggle" : ""}`} className={`${iconAction ? "icon-action" : "btn"} ${!noSelectButtonStyle ? "select-button" : ""} ${buttonClassName ?? ""} ${!hideToggleArrow ? "dropdown-toggle" : ""}`}
ref={triggerRef} ref={triggerRef}
@ -93,7 +93,6 @@ export default function Dropdown({ id, className, buttonClassName, isStatic, chi
data-bs-display={ isStatic ? "static" : undefined } data-bs-display={ isStatic ? "static" : undefined }
aria-haspopup="true" aria-haspopup="true"
aria-expanded="false" aria-expanded="false"
title={title}
id={id ?? ariaId} id={id ?? ariaId}
disabled={disabled} disabled={disabled}
{...buttonProps} {...buttonProps}