URL: https://riders.uber.com/profile
Browser / Version: Firefox 67.0
Operating System: Windows 10
Tested Another Browser: Yes
Problem type: Design is broken
Description: Select box is too narrow
Steps to Reproduce:
When adding a new email, the horizontal width of the drop-down that selects which receipts the email address receives is too narrow.
The flexbox inspector in devtools shows that the width is 0px, a result of applying flex-shrink: 1. The outer container (the element's grandparent) is set to a size that does not permit this part of the flexbox to grow.
The page shown in Edge doesn't use flex-box, so while it shows the content properly, it's hard to know if this is a failing in the site or the browser.
Browser Configuration
- mixed active content blocked: false
- image.mem.shared: true
- buildID: 20190203095148
- tracking content blocked: false
- gfx.webrender.blob-images: true
- hasTouchScreen: false
- mixed passive content blocked: false
- gfx.webrender.enabled: false
- gfx.webrender.all: true
- channel: nightly
Console Messages:
[u'[JavaScript Warning: "Content Security Policy: Directive child-src has been deprecated. Please use directive worker-src to control workers, or directive frame-src to control frames respectively."]', u'[JavaScript Warning: "Content Security Policy: Ignoring duplicate source \'unsafe-inline\'"]', u'[JavaScript Warning: "Content Security Policy: Couldnt parse invalid host \'unsafe-inline\'"]', u'[JavaScript Warning: "Content Security Policy: Ignoring \'unsafe-inline\' within script-src or style-src: nonce-source or hash-source specified"]', u'[JavaScript Warning: "The resource at https://tags.tiqcdn.com/utag/uber/main/prod/utag.js was blocked because content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://cdn.optimizely.com/public/745050198/s/riderdash.js." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 28}]', u'[JavaScript Warning: "onmozfullscreenchange is deprecated." {file: "https://d3i4yxtzktqr9n.cloudfront.net/riders-web/client-vendor-216a7aca0ae012a0988d.js" line: 35}]', u'[JavaScript Warning: "onmozfullscreenerror is deprecated." {file: "https://d3i4yxtzktqr9n.cloudfront.net/riders-web/client-vendor-216a7aca0ae012a0988d.js" line: 35}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/riders-web/client-main-c24832ced9974494c056.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/riders-web/client-vendor-216a7aca0ae012a0988d.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/riders-web/client-10-cb82b498a51b9dbaddf4.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/riders-web/client-runtime-6f1b88c91ecebd832357.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://cdn.optimizely.com/public/745050198/s/riderdash.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/riders-web/17677bc2cadb48697a3d2da2efc65d8c.ico was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Content Security Policy: Ignoring x-frame-options because of frame-ancestors directive."]', u'[JavaScript Warning: "Request to access cookie or storage on https://d1a3f4spazzrp4.cloudfront.net/superfine/6.2.2/superfine.css was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/gratitude/javascripts/main-b35c5ae047.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d1a3f4spazzrp4.cloudfront.net/uber-fonts/4.0.0/superfine.css was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Content Security Policy: Ignoring x-frame-options because of frame-ancestors directive."]', u'[JavaScript Warning: "Request to access cookie or storage on https://d1a3f4spazzrp4.cloudfront.net/superfine/6.2.2/superfine.css was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/gratitude/javascripts/main-b35c5ae047.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d1a3f4spazzrp4.cloudfront.net/uber-fonts/4.0.0/superfine.css was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/8bdb1437-5d89-4007-89da-fbc4b99104a6?state=oXA5RdKwtsmscCTynM9LZXbZzn6MNVPhDERUJKibyIU%3D&_csid=bIa0-Vm4GZdFbuhZw0TOpA" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://maps.googleapis.com/maps/api/staticmap?size=580x267&markers=%7Cicon%3Ahttps%3A%2F%2Fd1a3f4spazzrp4.cloudfront.net%2Fmaps%2Fhelix%2Fpickup.png%7Cscale%3A2%7C-34.0074464%2C151.0851245&markers=%7Cicon%3Ahttps%3A%2F%2Fd1a3f4spazzrp4.cloudfront.net%2Fmaps%2Fhelix%2Fdropoff.png%7Cscale%3A2%7C-33.93529820086889%2C151.16627380841206&path=color%3A0x2DBAE4FF%7Cweight%3A4%7Cenc%3ApaqnE%7Dxcy%5BgAnEHhIyAlBnA%7E%5Ch%40nAvJdFlGmFtQkB%7ETePzQ%7C%40dDcAjAcFkFiP%3F%7BCtBaCpEY%60CqArE_Ng%40oCsEaCeXkEeI%7BKsGoE_FoAcLHuHsFoIo%60%40Q_OgC_Np%40_JzCkMWaDwMkHmGJyYcPu%5D%7BK_FfAiK%7EKaFz%40aWlM_PyGoOqJaBoD%3F%7BGwBcEakAolBaEeByVaDQsB%60Cg%5Dc%40a%40op%40a%5Bk%5DcEue%40uL_GHoe%40_GwVwe%40%7BEo%5DkGaEfAcHrAoBrMuB&style=feature%3Alandscape%7Cvisibility%3Aoff&style=feature%3Apoi%7Cvisibility%3Aoff&style=feature%3Atransit%7Cvisibility%3Aoff&style=feature%3Aroad.highway%7Celement%3Ageometry%7Clightness%3A39.0&style=feature%3Aroad.local%7Celement%3Ageometry&style=feature%3Aroad%7Celement%3Alabels&style=feature%3Aadministrative%7Cvisibility%3Aoff&style=feature%3Aadministrative.locality%7Cvisibility%3Aon&style=feature%3Alandscape.natural%7Cvisibility%3Aon&style=feature%3Aadministrative%7Cvisibility%3Aoff&client=gme-ubertechnologies1&signature=heFR-N88T8eJN9N3PXJ6YM_nOa8= was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/60361a90-fb10-4d71-b9a9-a121c42260c0" line: 0}]', u'[JavaScript Warning: "Content Security Policy: Ignoring x-frame-options because of frame-ancestors directive."]', u'[JavaScript Warning: "Request to access cookie or storage on https://d1a3f4spazzrp4.cloudfront.net/superfine/6.2.2/superfine.css was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/60361a90-fb10-4d71-b9a9-a121c42260c0" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d3i4yxtzktqr9n.cloudfront.net/gratitude/javascripts/main-b35c5ae047.js was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/60361a90-fb10-4d71-b9a9-a121c42260c0" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d1a3f4spazzrp4.cloudfront.net/uber-fonts/4.0.0/superfine.css was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/trips/60361a90-fb10-4d71-b9a9-a121c42260c0" line: 0}]', u'[JavaScript Warning: "Request to access cookie or storage on https://d1w2poirtb3as9.cloudfront.net/default.jpeg?Expires=1549302383&Signature=K7130EwWJe7z0NRB0UtAYvVO1KtA0Hz1fGNdJZlHgncU5Dv9FxJ9xABm5giKhjrHkClC-vMe7XZ2JMTPsorvR4rFVd-SNtwYjot68JCFF-wQYufX3HfWUH6aboC-u8~uNE6kdiiqJxJ40VsnO6W7x9r~ezItGfSATgW6wVGcLz5YTCDWqzKDq7n8lH2Wc-5g1uZLfK~edvUgXNZolyJzkLw9QrH9WEa3wgrg2WStLd2o~QVm9uma-ndpIcWYFQo~RFux~bSoxUo5jHH19pwdEjaZgdCUDdtn2vidc8xK~HXm7mzAQS-N8AvLizSLSZdHra39kEfqyhQQW0fEt8wM~A__&Key-Pair-Id=APKAJSDH2OZQQSA64LQQ was blocked because we are blocking all third-party storage access requests and content blocking is enabled." {file: "https://riders.uber.com/profile" line: 0}]']
Reported by @martinthomson
From webcompat.com with ❤️
URL: https://riders.uber.com/profile
Browser / Version: Firefox 67.0
Operating System: Windows 10
Tested Another Browser: Yes
Problem type: Design is broken
Description: Select box is too narrow
Steps to Reproduce:
When adding a new email, the horizontal width of the drop-down that selects which receipts the email address receives is too narrow.
The flexbox inspector in devtools shows that the width is 0px, a result of applying flex-shrink: 1. The outer container (the element's grandparent) is set to a size that does not permit this part of the flexbox to grow.
The page shown in Edge doesn't use flex-box, so while it shows the content properly, it's hard to know if this is a failing in the site or the browser.
Browser Configuration
Console Messages:
Reported by @martinthomson
From webcompat.com with ❤️