Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Internet explore 11 Object.assign() problem #48

Open
BoBMrTD opened this issue Jun 11, 2020 · 0 comments
Open

Internet explore 11 Object.assign() problem #48

BoBMrTD opened this issue Jun 11, 2020 · 0 comments

Comments

@BoBMrTD
Copy link

BoBMrTD commented Jun 11, 2020

we are facing some issue testing this library using internet explorer, also some of your demos are not working :-( :
https://riversun.github.io/jsframe/examples/v150/window_control.html
We have write a simple html page to reproduce the error

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MDN Example</title>

<!-- for Internet explorer [begin] -->
<script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>
<!-- for Internet explorer [end] -->

		<script src="https://cdn.jsdelivr.net/npm/jsframe.js/lib/jsframe.min.js"></script>
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" />

</head>
 
<body>

<script>

  const jsFrame = new JSFrame({
    fixed:false,
    parentElement:document.body,//Set element to attach jsFrame.
    horizontalAlign: 'left',
    verticalAlign: 'top'
  });

  var x1 = (window.innerWidth / 2)-600;
  var y1 = 130;
  var w1 = 790;
  var h1 = 490;
              
  var frame1 = jsFrame.create({
    name: 'Win1',
    title: 'Video',
    left: x1, top: y1, width: w1, height: h1,
    fixed: false,
    appearanceName: 'material',
    appearanceParam: {
      border: {
        shadow: '2px 2px 10px  rgba(0, 0, 0, 0.5)',
//        width: 0,
//        radius: 6
      },
    },
    style: {
      backgroundColor: 'rgba(255,255,255,0.8)',
      overflow: 'auto'
    },
    html: '<div id="my_element" style="padding:10px;font-size:12px;color:darkgray;">Contents of window</div>'
  }).show();
 

</script>

</body>
</html>

the error seems related ONLY on IE to
object doesn't support property or method 'assign'
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
if we use:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MDN Example</title>

<!-- for Internet explorer [begin] -->
<script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>
<!-- for Internet explorer [end] -->

		<script src="https://cdn.jsdelivr.net/npm/jsframe.js/lib/jsframe.min.js"></script>
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" />

</head>
 
<body>

<script>

  const jsFrame = new JSFrame({
    fixed:false,
    parentElement:document.body,//Set element to attach jsFrame.
    horizontalAlign: 'left',
    verticalAlign: 'top'
  });

  var x1 = (window.innerWidth / 2)-600;
  var y1 = 130;
  var w1 = 790;
  var h1 = 490;
              
  var frame1 = jsFrame.create({
    name: 'Win1',
    title: 'Video',
    left: x1, top: y1, width: w1, height: h1,
    fixed: false,
    appearanceName: 'material',
    appearanceParam: {
      border: {
//        shadow: '2px 2px 10px  rgba(0, 0, 0, 0.5)',
//        width: 0,
//        radius: 6
      },
    },
    style: {
      backgroundColor: 'rgba(255,255,255,0.8)',
      overflow: 'auto'
    },
    html: '<div id="my_element" style="padding:10px;font-size:12px;color:darkgray;">Contents of window</div>'
  }).show();
 

</script>

</body>
</html>

is working
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@BoBMrTD