test remove stopPropagation

Refs: #6725
public-ui · Sep 3, 2024 · 6d915c8 · 6d915c8
1 parent 5c2e74c
commit 6d915c8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/packages/components/src/components/button/component.tsx b/packages/components/src/components/button/component.tsx
@@ -44,7 +44,7 @@ import {
 import type { JSX } from '@stencil/core';
 import { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 
-import { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';
+import { /* stopPropagation, */ tryToDispatchKoliBriEvent } from '../../utils/events';
 import { nonce } from '../../utils/dev.utils';
 import { propagateResetEventToForm, propagateSubmitEventToForm } from '../form/controller';
 import { AssociatedInputController } from '../input-adapter-leanup/associated.controller';
@@ -86,17 +86,21 @@ export class KolButtonWc implements ButtonAPI, FocusableElement {
 			});
 		} else {
 			// Event handling
-			stopPropagation(event);
-			tryToDispatchKoliBriEvent('click', this.host, this.state._value);
-
-			// TODO: Static form handling
-			this.controller.setFormAssociatedValue(this.state._value);
-
-			// Callback
-			if (typeof this.state._on?.onClick === 'function') {
-				setEventTarget(event, this.buttonRef);
-				this.state._on?.onClick(event, this.state._value);
-			}
+			// stopPropagation(event);
+
+			setTimeout(() => {
+				tryToDispatchKoliBriEvent('click', this.host, this.state._value);
+
+				// TODO: Static form handling
+				this.controller.setFormAssociatedValue(this.state._value);
+
+				// Callback
+				if (typeof this.state._on?.onClick === 'function') {
+					setEventTarget(event, this.buttonRef);
+					this.state._on?.onClick(event, this.state._value);
+				}
+			}, 10)
+
 		}
 	};
 

diff --git a/packages/samples/react/src/components/split-button/basic.tsx b/packages/samples/react/src/components/split-button/basic.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { ToasterService } from '@public-ui/components';
-import { KolSplitButton } from '@public-ui/react';
+import { KolButton, KolInputText, KolSplitButton } from '@public-ui/react';
 import { SampleDescription } from '../SampleDescription';
 
 import type { FC } from 'react';
@@ -32,6 +32,9 @@ export const SplitButtonBasic: FC = () => {
 				<KolSplitButton _label="Button without visible label" _hideLabel _icons="codicon codicon-git-pull-request">
 					Dropdown-Inhalt
 				</KolSplitButton>
+				<KolButton _label='Test'></KolButton>
+				<KolInputText _label='Irgendwas'></KolInputText>
+				<input />
 			</div>
 		</>
 	);