tailwindlabs/headlessui

Pattern Findings

80 matches across 4 categories. Click a row to expand file-level details.

Hyper-Verbose Identifiers43 hits · 43 pts

Severity	File	Line	Snippet
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	154	export function assertLinkedWithDescription(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	259	export function assertMenuButtonLinkedWithMenu(button = getMenuButton(), menu = getMenu()) {
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	273	export function assertMenuLinkedWithMenuItem(item: HTMLElement \| null, menu = getMenu()) {
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	671	export function assertComboboxButtonLinkedWithCombobox(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	688	export function assertComboboxLabelLinkedWithCombobox(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	703	export function assertComboboxButtonLinkedWithComboboxLabel(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	720	export function assertActiveComboboxOption(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	736	export function assertNotActiveComboboxOption(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	752	export function assertNoActiveComboboxOption(combobox = getComboboxInput()) {
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	764	export function assertNoSelectedComboboxOption(items = getComboboxOptions()) {
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	1003	export function assertListboxButtonLinkedWithListbox(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	1020	export function assertListboxLabelLinkedWithListbox(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	1035	export function assertListboxButtonLinkedWithListboxLabel(
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	1052	export function assertActiveListboxOption(item: HTMLElement \| null, listbox = getListbox()) {
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	1065	export function assertNoActiveListboxOption(listbox = getListbox()) {
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	1077	export function assertNoSelectedListboxOption(items = getListboxOptions()) {
LOW	…essui-react/src/test-utils/accessibility-assertions.ts	1828	export function assertContainsActiveElement(element: HTMLElement \| null) {
LOW	packages/@headlessui-react/src/internal/floating.tsx	113	export function useFloatingReferenceProps() {
LOW	packages/@headlessui-react/src/internal/floating.tsx	548	function resolveCSSVariablePxValue(input: string, element: HTMLElement) {
LOW	packages/@headlessui-react/src/utils/render.test.tsx	334	function testRenderStrategyFeature(Dummy: (props: any) => React.JSX.Element) {
LOW	…dlessui-react/src/components/disclosure/disclosure.tsx	155	function useDisclosurePanelContext() {
LOW	…kages/@headlessui-react/src/hooks/use-active-press.tsx	9	function pointerRectFromPointerEvent(event: PointerEvent): Rect {
LOW	…t/src/hooks/document-overflow/use-document-overflow.ts	5	export function useDocumentOverflowLockedEffect(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	91	export function assertMenuButtonLinkedWithMenu(button = getMenuButton(), menu = getMenu()) {
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	105	export function assertMenuLinkedWithMenuItem(item: HTMLElement \| null, menu = getMenu()) {
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	503	export function assertComboboxButtonLinkedWithCombobox(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	520	export function assertComboboxLabelLinkedWithCombobox(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	535	export function assertComboboxButtonLinkedWithComboboxLabel(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	552	export function assertActiveComboboxOption(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	568	export function assertNotActiveComboboxOption(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	584	export function assertNoActiveComboboxOption(combobox = getComboboxInput()) {
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	596	export function assertNoSelectedComboboxOption(items = getComboboxOptions()) {
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	835	export function assertListboxButtonLinkedWithListbox(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	852	export function assertListboxLabelLinkedWithListbox(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	867	export function assertListboxButtonLinkedWithListboxLabel(
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	884	export function assertActiveListboxOption(item: HTMLElement \| null, listbox = getListbox()) {
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	897	export function assertNoActiveListboxOption(listbox = getListbox()) {
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	909	export function assertNoSelectedListboxOption(items = getListboxOptions()) {
LOW	…dlessui-vue/src/test-utils/accessibility-assertions.ts	1719	export function assertContainsActiveElement(element: HTMLElement \| null) {
LOW	…headlessui-vue/src/components/disclosure/disclosure.ts	58	function useDisclosurePanelContext() {
LOW	…ages/@headlessui-vue/src/components/popover/popover.ts	217	function isFocusWithinPopoverGroup() {
LOW	…ages/@headlessui-vue/src/components/popover/popover.ts	778	function isFocusWithinPopoverGroup() {
LOW	…e/src/hooks/document-overflow/use-document-overflow.ts	5	export function useDocumentOverflowLockedEffect(

Over-Commented Block29 hits · 29 pts

Severity	File	Line	Snippet
LOW	playgrounds/react/next-env.d.ts	1	/// <reference types="next" />
LOW	packages/@headlessui-react/src/internal/floating.tsx	221	//
LOW	packages/@headlessui-react/src/internal/floating.tsx	441	// this variable in the `margin` of an element. Then we can observe the `margin` of the
LOW	packages/@headlessui-react/src/internal/floating.tsx	461	// })
LOW	packages/@headlessui-react/src/internal/floating.tsx	541
LOW	packages/@headlessui-react/src/internal/floating.tsx	561	// current element. Which means that if the passed in element has CSS that looks like:
LOW	packages/@headlessui-react/src/utils/dom.ts	61
LOW	packages/@headlessui-react/src/utils/get-text-value.ts	1	import * as DOM from './dom'
LOW	packages/@headlessui-react/src/utils/render.ts	241
LOW	…s/@headlessui-react/src/components/listbox/listbox.tsx	581	//
LOW	…kages/@headlessui-react/src/components/label/label.tsx	141	//
LOW	…@headlessui-react/src/components/combobox/combobox.tsx	581	} else {
LOW	…@headlessui-react/src/components/combobox/combobox.tsx	801	machine.actions.closeCombobox()
LOW	…@headlessui-react/src/components/combobox/combobox.tsx	861	let relatedTarget =
LOW	…@headlessui-react/src/components/combobox/combobox.tsx	881	// already in the middle of rendering. This will result in the following
LOW	…@headlessui-react/src/components/combobox/combobox.tsx	1301	// When clicking inside of the scrollbar, a `click` event will be triggered
LOW	…@headlessui-react/src/components/combobox/combobox.tsx	1501	// that the `left` mouse button was clicked.
LOW	…s/@headlessui-react/src/components/popover/popover.tsx	341	// `Popover.Panel` (aka nested popovers), then we need to make sure that the button is able to
LOW	packages/@headlessui-react/src/components/menu/menu.tsx	421	// We keep track whether the button moved or not, we only check this when the
LOW	packages/@headlessui-react/src/hooks/use-transition.ts	221	}
LOW	…ckages/@headlessui-react/src/hooks/use-is-top-layer.ts	61	// this case we assume that we will be the top-most item, so we return
LOW	…ages/@headlessui-react/src/hooks/use-handle-toggle.tsx	21	// event we have to check this property manually because this is also
LOW	packages/@headlessui-vue/src/utils/get-text-value.ts	1	let emojiRegex =
LOW	packages/@headlessui-vue/src/utils/focus-management.ts	261	// By default if you <Tab> to a text input or a textarea, the browser will
LOW	…es/@headlessui-vue/src/components/combobox/combobox.ts	961	onMounted(() => {
LOW	…es/@headlessui-vue/src/components/combobox/combobox.ts	1481	// event, allowing us to cancel the event before focus is moved from the
LOW	…es/@headlessui-vue/src/components/combobox/combobox.ts	1501	// (button), then we re-focus the input).
LOW	…-vue/src/hooks/document-overflow/handle-ios-locking.ts	21
LOW	…-vue/src/hooks/document-overflow/handle-ios-locking.ts	101	}

Fake / Example Data6 hits · 6 pts

Severity	File	Line	Snippet
LOW	…ct/page-examples/dialog/dialog-built-in-transition.tsx	51	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar, nunc nec
LOW	…ct/page-examples/dialog/dialog-built-in-transition.tsx	51	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar, nunc nec
LOW	…t/page-examples/dialog/scrollable-page-with-dialog.tsx	13	Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam numquam beatae,
LOW	…t/page-examples/dialog/scrollable-page-with-dialog.tsx	13	Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam numquam beatae,
LOW	…t/page-examples/dialog/scrollable-page-with-dialog.tsx	31	Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam numquam beatae,
LOW	…t/page-examples/dialog/scrollable-page-with-dialog.tsx	31	Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam numquam beatae,

Verbosity Indicators2 hits · 3 pts

Severity	File	Line	Snippet
LOW	…kages/@headlessui-react/src/hooks/use-outside-click.ts	76	// If the click crossed a shadow boundary, we need to check if the
LOW	packages/@headlessui-vue/src/hooks/use-outside-click.ts	70	// If the click crossed a shadow boundary, we need to check if the container

Score History

Severity Breakdown

Pattern Findings