search

AlexNexton / BI-Team-5

Cafe Java is a local coffee shop which is unable to operate smoothly due to the Global Pandemic (Covid). The cofee shop was only able to accept walk in customers, which under current safety regulations are seen as not safe and more importantly it has seen an increase in revenu loses. As a team, we have build a website to enable Cafe Java customers to make their orders online in advance of their visit to the shop with the aim to save the business from collapsing.
https://alexnexton.github.io/BI-Team-5/
0 stars 3 forks source link

SAFARI BROWSER: Social Media icons remain white after click #38

Open simonjvardy opened 4 years ago

simonjvardy commented 4 years ago

Describe the bug In Safari only, when clicking the social media link icons the hover colour change doesn't work. The icon colour changes on click and remains until another icon is clicked.

To Reproduce Steps to reproduce the behavior:

  1. Open Safari web browser
  2. Go to https://alexnexton.github.io/BI-Team-5/
  3. Scroll down to 'the footer
  4. click on any of the social media icons
  5. The icon colour changes and stays changed
  6. the hover colour change doesn't work

Expected behavior After the cursor has moved away from the icon it should revert to its default colour scheme.

Screenshots image

Desktop (please complete the following information):

Additional context Bootstrap documentation covers a similar issue for iOS touch devices that simulate where "sticky" hover styles that persists after tapping one element. These hover styles are only removed when users tap another element. This behavior is considered largely undesirable and appears to not be an issue on Android or Windows devices.

https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/