search

marcosesperon / Messi

A simple message plugin for jQuery
http://marcosesperon.es/apps/messi/
146 stars 139 forks source link

Buttons in IE #21

Open Evandro75 opened 11 years ago

Evandro75 commented 11 years ago

In IE (all version from 7 up to 10) the buttons (yes/no/cancel) appears one above the other and so I can view only the first and a little of the second, even in the on-line demo page. I solved adding "display: -ms-flexbox;" in CSS .messi-actions {} and "-ms-flex: 1;" in .messi-actions .btnbox {}, it seems that "display:box" does't work for IE. I add also width:100%; into .messi-actions {} for Firefox to display the buttons as in Chrome, IE and Opera.

I hope this is usefull.

Thank you.

P.S. : Very good work!!! I like it so much!!!

vince144 commented 11 years ago

Hi I have the same issue and I followed what you suggested above but it did not seem to solve the problem, can you please send the modified css style sheet that corrects the problem or post the modified file as I would really apprecaite it.

Vince.

ghost commented 11 years ago

I solved changing in messi.js, line 58, the div tag with span.

Like that:

var btn = jQuery('<span class="btnbox"><button class="btn ' + cls + '" href="#">' + _this.options.buttons[i].label + '</button></span>').data('value', _this.options.buttons[i].val);

I have tested with IE 10 and FF 21, work great...