sp-dev-fx-controls-react icon indicating copy to clipboard operation
sp-dev-fx-controls-react copied to clipboard

FilePicker: Option "From a Link". Cannot enter a link manually

Open ghost opened this issue 3 years ago • 5 comments

Category

[ ] Enhancement

[x] Bug

[ ] Question

Version

Please specify what version of the library you are using: [3.5.0]

Expected / Desired Behavior / Question

When disabling property "hideLinkUploadTab" a Tab "From a link is shown". If i try to enter a link manually, it will not work, copy & paste link works. It seems taht the textbox is disbaled for editing. Maybe there is a reason for this?

Our users would like to enter links manually.

Observed Behavior

Users can enter links manually in Tab "From a link".

Steps to Reproduce

Use File Picker with Option hideLinkUploadTab set to false and try to add a link manually (by adding text with my keyboard ;-))

Thanks!

ghost avatar Jan 27 '22 13:01 ghost

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

ghost avatar Jan 27 '22 13:01 ghost

Any updates on this? It doesnt seem to have changed in 3.6.0

kpfeuffer avatar Mar 22 '22 06:03 kpfeuffer

A solution is to use the 'renderCustomLinkTabContent' prop to render a custom input, and hide the default input

<FilePicker
	...other props...					
	renderCustomLinkTabContent={
		(filePickerResult: IFilePickerResult): JSX.Element | null => <CustomInput />
	}
/>

kenneth-man avatar Sep 01 '22 22:09 kenneth-man

Same with me here. I saw the above answer, where kenneth sugests to use a custom input and hide the default input. But, i think that the only way of doing that is accessing the DOM and manually disable the default input. In other words, the default input is aways there

murchelon avatar May 23 '23 04:05 murchelon

Hi @michaelmaillot @joelfmrodrigues! I want to contribute to this issue. Could you please assign it me?

Ateina avatar May 04 '24 17:05 Ateina