A PCF Control for an optionset/autocomplete control is a special kind of control, because the content is rendered outside the HTML container.
As far as I understand, there are a few ways to implement it:
1. An HTML "select" element from scratch, is case that's enough for the requirement
2. Using Office-ui-fabric-react Combobox or DropDown
3. Using another react control (like react-autosuggest)
4. Using an HTML "input" element and showing the options using the component-framework PopupService
... maybe there are more options?
And here are the problems:
- Solution (1.) "select" doesn't fit to my requirement.
- Solution (2.) office-ui-fabric-react works ( however I have some problems to style some parts).
- Using (3.) react-autosuggest the options are not visible, because they are rendered under the other controls on the form (they don't get outside the container, where they are rendered). The only solution with that would be to work with z-index, but is it a best practice to work that way? Maybe later on, some other form elements get a bigger z-index, and will be visible through my control. Which make me think, that maybe the solution 2. (office ui fabric) is also not safe; maybe is working by hazard right now.
- Solution (4.) PopupService seems to me kind of overengineered, and makes it hard to use 3rd Party controls; would mean to implement everything from scratch.
Can you please tell me which approach(es) are supported?
Best regards,
Diana
