flood icon indicating copy to clipboard operation
flood copied to clipboard

Published 20 hours ago • verified publisher icon Flood-UI

Dropdown Boxes not working In Safari

Open xiego opened this issue 7 years ago • 5 comments

Expected Behavior

When clicking on a multiple-choice dropdown box, you should see a list of choices from which to choose.

Current Behavior

No dropdown box appears when clicking on down arrow, however down arrow does toggle.

Possible Solution

Works in Chrome

Steps to Reproduce (for bugs)

  1. Open Safari
  2. Go to Locale Settings
  3. Select default "English"
  4. No list of other locales

Context

Trying to select Intervals, Applicable Feeds in RSS and Locale in settings.

Your Environment

  • Version used:
    • Version (stable release) git --no-pager tag
  • Environment name and version (e.g. Chrome 39, node.js 5.4): Safari Version 11.0.3 (12604.5.6.1.1)
  • Operating System and version: Mac OS Sierra (10.12.6)

xiego avatar Feb 24 '18 17:02 xiego

I haven't Safari, can you provide a screenshot please ?

PS: ![](url) to link an image in markdown

noraj avatar Mar 16 '18 20:03 noraj

I can confirm that dropdown boxes (i.e. selecting a feed in RSS) are not working in safari. You click the down arrow for the dropdown, it changes to an up arrow, but no options appear. screen shot 2018-05-26 at 11 28 59 am

rthompsonj avatar May 26 '18 16:05 rthompsonj

Confirmed as well.

Some reason removing overflow: hidden; on .portal fixes it

bbashy avatar Aug 01 '18 13:08 bbashy

Hey,

This issue is still ongoing on the destination dropdown. Removing the overflow: hidden; on .portal fixes it as well. It appears that it's the ReactDOM.createPortal() that automatically set this style. As I'm not fluent with React, I was not able to fix the issue.

Environment

  • Version used:
    • Version (stable release) v1.0.0
    • Commit ID (development release) bb553506a86225811a965563af99bf8e39cc433f
  • Environment name and version:
    • Node.js version v12.13.1
    • npm version 6.12.1
    • Web browser Safari version 13.0.5
  • Operating System and version: macOS Catalina 10.15.3 (19D76) | Debian 9

Summary

The dropdown on the destination field isn't showing on Safari. However, the dropdown is fully created and can be interacted with, but nothing is shown.

Expected Behavior

Expected

Current Behavior

Safari

Thanks !

PanDoreS avatar Feb 10 '20 17:02 PanDoreS

I failed to reproduce the issue on the latest version of Flood.

Flood now has first-class support for touch screen devices.

You may close the issue if it is no longer relevant.

jesec avatar Feb 07 '21 14:02 jesec