コンボボックス型セルのリスト内容が折り返される

文書番号 : 40124 文書種別 : 不具合登録日 : 2017/03/09 最終更新日 : 2017/03/29

対象製品

SpreadJS 9J

発生環境

9.20161.0
Internet Explorer

状況

修正済み

詳細

SpreadJSを配置するページのフォントサイズが、SpreadJSのコンボボックス型セルのフォントサイズより小さい場合に、コンボボックス型セルのリスト内容が折り返される現象が発生します。

【再現方法】
1.下記の再現コードを実行します
2.セルB2のコンボボックスをクリックして、リストを展開します

【動作結果】
リストにある最初の項目が折り返されて表示されます

【再現コード】
[JavaScript]
window.onload = function(){
　　var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
　　var sheet = spread.getActiveSheet();

　　var comboBoxItems = [
{ text: "００００００００００００＿００００００００００００００００００００", value: 0 },
{ text: "AAA", value: 1 },
{ text: "BBB", value: 2 }
　　];
　　
　　var comboBox = new GC.Spread.Sheets.CellTypes.ComboBox();
　　comboBox.items(comboBoxItems);
　　sheet.setCellType(1, 1, comboBox);
　　activeSheet.getCell(1,1).font("12pt MS Gothic");
};

[CSS]
/* SpreadJSコンテナDOMサイズ設定 */
.spreadjs {
　width: 550px;
　height: 340px;
　border: 1px solid gray;
　margin-bottom: 3px;
}

[HTML]
<!DOCTYPE html>
<html>
　　<head>
　　　　<title>SpreadJS Sample</title>
　　　　<meta charset="utf-8" />
　　　　
　　　　
　　　　<link type="text/css" href="http://cdn.grapecity.com/spreadjs/9201610/css/gc.spread.sheets.excel2013white.9.20161.0.css" rel="stylesheet"/>
　　　　<script type="text/javascript" src="http://cdn.grapecity.com/spreadjs/9201610/scripts/gc.spread.sheets.all.9.20161.0.min.js"></script>

　　　　
　　　　<meta name="spreadjs culture" content="ja-jp" />
　　　　<script src='http://cdn.grapecity.com/spreadjs/9201610/scripts/resources/ja/gc.spread.sheets.resources.ja.9.20161.0.min.js' type='text/javascript'></script>
　　　　
　　　　
　　　　<link href="./Sample.css" rel="stylesheet" type="text/css" />
　　　　<script src="./Sample.js" type="text/javascript"></script>
　　</head>
　　
　　<body style="font:9pt normal MS Gothic">
　　　　
　　　　<div id="ss" class="spreadjs"></div>
　　</body>
</html>

回避方法

SpreadJS 9J SP2(Ver.9.20171.0)で修正済み