I am using the YiiBooster widget described here.
The issue I am having is that even when the modal window has not been clicked and is not visible, it is still covering up other elements on the page.
I noticed that I could not click any of the links near the top middle of the page. When I examined with Firebug, I saw that there was an invisible div covering everything up.
Here is a screenshot:
Here is the code:
<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id' => 'myModal')); ?>
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h4>Modal Header</h4>
</div>
<div class="modal-body">
A message goes here...
</div>
<div class="modal-footer">
<?php
$this->widget('bootstrap.widgets.TbButton', array(
'label' => 'Close',
'url' => '#',
'htmlOptions' => array('data-dismiss' => 'modal'),
));
?>
</div>
<?php $this->endWidget(); ?>