Select widget problem in Firefox

Widgets
,
1

we found a bug in <PROJECT_NAME> - a certain select box does not update the new selection value on click.
Facts:

  1. we are using version 27.5.0
  2. the bug is only in Firefox - chrome and edge works.
  3. I tested your showcase with the same version in Firefox and the showcase is working.

this is the code:

return (
			<ActionContentbox className={classFor("delta-create-dialog")}
			headingElements={<Heading />} footer={<Footer {...{...this.props, ...this.state}} />}>
				<div className={classFor("input-select")}>
					<Select label="Deltatyp" value={this.state.variant} onValueChanged={this.handleDeltaTypeChange}>
						<Select.Item label={localizer(`p-designer.delta.select.type.standard`)} value={Variant.STANDARD}/>
						<Select.Item label={localizer(`p-designer.delta.select.type.exml`)} value={Variant.EXML}/>
					</Select>
				</div>
				<Autocomplete
					label={localizer("p-designer.delta.select.version.label")}
					items={this.getVersions(this.state.currentAndPreviousData.previous)}
					inputPlaceHolder={localizer("p-designer.delta.select.version.hint")}
					hintTemplate={""}
					onValueChange={value => this.handleVersionChange(value as DropDownItem)}
				/>
				{
					(this.props.activity.processState === "updating") &&
					<ProgressIndicator fastAppear={true} label={localizer("p-designer.delta.loading.message")} />
				}
			</ActionContentbox>
		);
  1. this is the link I tested:
    <INTERNAL_LINK>
  2. the problematic Select box is in line 4 in the code above

any advice would be appreciated…

2

Hi iarazi,

doing some investigation into <PROJECT_NAME> code base i come to conclusion the issue is possibly caused by the handling of the mouse event in p-designer container when using the deselectAll action from inside handleClickOutside function.

p-designer.container.tsx :90
3

that is wonderful - thank you for the help

just one more question - how come it still works on chrome?

4

i can just guess… but like described in this comment it could be the amount of underlaying events:

5

super - I was also searching for that and couldn’t find anything - thanks a lot - I know what to do.

6

cool… it would also be nice if you could add some roughly information what kind of solution then works for you (when tested) :slight_smile:

7

sure thing - will do

8

it seems like widgets is not calling stopPropagation - is there a way I can do that easily without implementing a Select of my own?

9

found a solution -
I changed the mouseDown event to a click Event -
I presume the Select is working on click and not mouseDown and therefore must have a stopPropagation in place which will fix the problem.