Hyper link element 'A' download attribute not working even if has external class

Questions
1

I noticed when i implement download function in my a tag by using the framework, its not working…

<a href="somelink.com/somefile.txt" download="somefile.txt" class="external">download file</a>

but when i test it without the framework its working…

2

Hi i just test it in framework7-v2 and it works fine. i didnt compile to an ipa or apk, just developer ‘npm run serve’

Screenshot_5
Screenshot_5.png1547×813 91.8 KB

3

not vue… just plain framework 7.

4

its plain f7 but v2 not v1

5

i am using v2. but its not working bro…

6

Bro, can you make a jsfiddle with the error? you just post a single line of code. i tested it and it works.

this line works fine.

<a href="somelink.com/somefile.txt" download="somefile.txt" class="external">download file</a>

so please, reproduce the error in a jsfiddle. https://jsfiddle.net/

7

ill get back to you. coz im not working right now… ill show you

8

btw can i see your head of your html

9

Yes, here it is. its the Single View template
.

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <meta name="theme-color" content="#2196f3">
  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap:">
  <title>Framework7</title>
  <link rel="stylesheet" href="css/framework7.css">
  <link rel="stylesheet" href="css/app.css">
  <link rel="apple-touch-icon" href="img/f7-icon-square.png">
  <link rel="icon" href="img/f7-icon.png">
</head>
2 Likes