Блог

У меня есть ссылка для загрузки PDF-файла, который работает в настольном и мобильном Chrome; но не в мобильном браузере safari.

Я подозревал проблему при наведении курсора мыши и удалил ее. но все еще не работает.

У меня есть приведенный ниже код для React.

 <div className={styles.link} onClick={downloadPDF}>
     Download 
</div>
  

И css является

 .link {
  padding-top: 10px;
  color: blue;
  text-align: right;
  cursor: pointer;
  amp;:hover {
    color: blue;
    text-decoration: underline;
  }
}
  

Этот css не работал, поэтому убрал наведение, как показано ниже, но все еще не работает.

 .link {
  padding-top: 10px;
  color: blue;
  text-align: right;
  cursor: pointer;
  text-decoration: underline;  
}
  

Кто-нибудь может предложить какую-нибудь помощь?

Я получил разрешение. Отключен блокировщик всплывающих окон в настройках Safari. Это сработало. Теперь он всплывает и спрашивает, разрешить это или нет при нажатии на ссылку.